How many `Multi-Pane Grid` is supported at once

How many `Multi-Pane Grid` is supported at once

Posted by: clam on 17 April 2018, 3:59 pm EST

• 

  clam

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 17 April 2018, 3:59 pm EST

  Is

  Multi-Pane Grid

  supported in Angular?
  
  Is it possible to more than 2 multi-pane grid in one table?
  
  Is

  Multi-Pane Grid

  supported horizontally?
  
  Can

  Multi-Pane Grid

  be used along with freeze?

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 18 April 2018, 7:48 am EST

  Hi,

  The answer to all your questions is YES.

  Please refer to the following example:- https://stackblitz.com/edit/angular-18rhgu?file=app%2Fapp.component.ts

  **Also please note that in case of the horizontal pane you need to split the data into different sources one for each horizontal tab.

  ~Manish

• 

  clam

  • Post Options:
  • Link
    Copy

  Posted 18 April 2018, 9:49 am EST

  Hi,

  The example you have provided is excellent. It is very close to what we are looking for and we should be able to work with it.

  However there are some other concerns that we have with the example There seems to be some overlapping when scrolling both horizontally and vertically. If you pay attention to the first row and first column, you’ll see what I mean. In another case, a number would also disappear when interacting with the scroll bar. Could you explain why is that? Would you be able to update the example and fix these issues?

  Appreciated your help and clarifications,
  
  Thank,

• 

  clam

  • Post Options:
  • Link
    Copy

  Posted 18 April 2018, 11:31 am EST

  Actually I think I have solved it. I solved it by adding background color to wj-cell.

  Thanks again.

• 

  clam

  • Post Options:
  • Link
    Copy

  Posted 18 April 2018, 11:56 am EST

  Here is another challenge we are facing.

  In your example you have 2 multi-pane grids with one top and one bottom. Is it possible to use 1 parent scroll to link them both together and make it seamless so it feels like 1 table?

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 19 April 2018, 2:22 am EST

  Hi,
  
  We are glad to hear that you were able to solve your problem by yourself and thank you for notifying us.

  As for linking the same scrollbar to both the grids, that is not a possibility.
  
  However, what you can do is set the position of bottom grid to absolute and make it overlap the upper-grid to give the same impression.
  
  Here is the updated example for the same:-
  
  https://stackblitz.com/edit/angular-tiuvgb?file=app%2Fapp.component.ts

  ~Manish