handsontable removes and adds cells to the table, how to prevent this? - handsontable

Handsontable will all an remove off screen cells form the table while scrolling left and right.
How can I stop this. I want all cells to be there, on or off-screen.

Use renderAllRows: true in your handsontable definition

Related

Is it possible to collapse or hide rows in SlickGrid?

I need expand/collapse feature to show/hide rows in SlickGrid.
So to implement this feature, I have a expand/collapse icon on the Grid header row. And by pressing it, it should Show/Hide all data of the grid (Toggle Visibility).
The feature I want to implement is exactly same as grouping where parent row can be expanded/collapsed by clicking on **+ or -** icon. But without applying grouping.
Should be pretty easy. Just find the viewport div and toggle its visibility on click. Everything else should collapse around it.

GWT datagrid scrolls to last column on sort

I created a DataGrid in GWT and made the columns sortable.
The width of the columns in total is wider than the width of the DataGrid. So a horizontal scrollbar appears.
Now the problem is that when I for example sort on the first column, the sorting works ok, but the horizontal scrollbar jumps all the way to the right. This is really an undesired effect.
As soon as the last column is visible this does not happen any more.
Is this a known problem ?
To scroll to the first column of the first row:
dataGrid.getRowElement(0).getCells().getItem(0).scrollIntoView();
If you need to scroll to some specific row:
dataGrid.getRowElement(dataGrid.getVisibleItems().indexOf(object)).getCells().getItem(0).scrollIntoView();
[]'s

Grid inside Table or MainTable

I have one WWSD or one SDPanel with some attributes but between these attributes that are fixed inside a Table or directly in the MainTable I want put and Grid, the problem is that the Grid is not showed and when I put the grid its no more possible scroll in the WWSD or SDPanel, is like the Grid stuck the SDPanel more than the grid is not showed.
Anyone can help me to put the Grid and keep with all normally ?
Thx.
I assume you're targeting Android.
The issue is that Android does not natively support nested scrolling. Therefore, a GeneXus layout that contains a grid will disable the form's own scrolling (so that the grid can itself scroll).
There are two ways of resolving this issue:
Redesign the panel so that the form does not vertically exceed the size of the screen (thus, form scrolling is not necessary).
Set autogrow=true for the grid, which will resize to fit all items (and "push down" any other controls located below it). Since the grid will no longer need to scroll, the form's scroll will be enabled.

JqGrid: have a dropped row stay where it was dropped

I am playing with JQGrid and its drag ad drop.
There are good examples here:
http://trirand.com/blog/jqgrid/jqgrid.html
I want to drag a row and dropped it in the same grid. Here is how I achieved this:
jQuery("#grid1").jqGrid('gridDnD',{connectWith:'#grid1'});
The problem is that in the above setting, a dropped row is always placed in the top of the grid (the first row). I want to a dropped row stay where it was dropped. How can I do this? If a jsfiddle is needed, please let me know.
Thanks!
You should use sortableRows method instead of gridDnD to reorder rows in the grid.

KendoUI grid - how to make it not overflow, while inside a tab strip?

Following this example - http://demos.kendoui.com/web/grid/detailtemplate.html, I have a grid and a tab strip inside the grid. One of the tabs has a grid within. This table is rather long, so I had to add a scrollbar. The grid overflows - though the scrollbar works, the data spills on to the next row, making the whole thing look ugly.
Is there any way to make the inner grid (the one within the tabstrip) not overflow?
I have seen this. Your parent has to grow to accommodate the last row. You can try placing the grid in a parent element and add a padding to the grid parent while setting the overflow to auto.

Resources