I have a kendo UI grid control and when I try to resize the grid columns I am able to see horizontal scroll bar below and see the overflowing columns when viewing the page in CHROME.
however in FIREFOX when I resize the columns only the table header values overflow the container and the records are adjusting inside the container and scroll bar is not visible.
One more issue I am facing is when I resize the browser the grouping header is expanding in both browsers.
Related
I have a large (some ~30 columns, 10k+ rows) data set I am displaying in a Tabulator table. The table has 100% height set and vertical scroll runs very smooth with the virtual DOM. But when I scroll horizontally (my columns span some 3-4 times the screen width on my resolution, and this is intended), the scrolling is again very smooth but the column headers (including their filter boxes) do not follow the scroll immediately, instead they sort of lag behind. When the scroll motion stops, the headers "catch up" in a second or so.
I guess this is because the table component supports sticky ("frozen") columns and therefore their position gets adjusted on-the-fly based on scroll events from the table content, but since I am not using such columns, I was wondering if the laggy / jerky movement of the headers can be disabled and have the headers directly scroll along with the table rows?
I am using responsive react grid layout in a container where i have expandable/collapsible side bar. As of now when RGL is getting loaded with all its data-grid items, it looks perfect however when i expand/collapse sidebar (which changes the parent div size of the RGL), RGL items doesn't get resized automatically. its works perfect with window resize however not with container size change.
I have tried modifying height/width pragmatically which works then placeholder and drag/drop starts failing
Anyone have a quick solution for this
See the example here:
http://dojo.telerik.com/uFuYa/2
When you resize the column header (reduce the width) it's pushing the whole grid downwards. Also when you lower the column header width, then increase it, it reduces the height of the whole grid. Same issue happens when virtual scrolling is disabled. Is there any workaround to stop this happening? The content section (data section) seems to just push the footer down. Even if the footer is fixed, the content section still pushes past it.
It is recommended all Grid rows to be of equal height, so that the virtual scrolling functionality works as expected:
Virtual scrolling - Kendo UI documentation
You can set the CSS white-space property to nowrap for the Grid header and regular cells:
Modified dojo example
I face the following issue when using the latest Vaadin version.
I have a grid w/ some columns. I resize the browser window in a way to make the horizontal scroll bar appear.
After that i move the scrollbar to the rightmost position.
After that i maximize browser window and then minimize it back.
And after that step the horizontal scroll bar disappears.
is it a bug in vaadin or anything else?
Thank you.
We have this weird issue with fixed elements.
We have a site, where we display data in the table. Above the table, we have a fixed header and on the left side of the window, we have a sidebar. Now when sidebar is opened we move table 544 px to the right with tranformX.
Issue is present in next conditions. When width of the table is smaller then window width (no horizontal scrollbar) and then we open sidebar and move table right for 544px, and with that horizontal scrollbar is present now, which is ok. The problem is when we scroll vertically now, because it moves fixed elements up for 47px(height of scrollbars).
Does anyone have any clue, on how to fix this issue.