Smart Grid

Frequently Asked Questions

Frequently Asked Questions

Why the vertical scroll bar is not always visible?

This is how HTML works, the body got it's own height and vertical scrolling, you can make it visible by applying to body

width: 100%;
overflow-x: auto;

but this will make header out of sync which again can achieved by having a custom scroll handler attached to body, something like

<tbody onScroll={(event) => {
// sync header position
headerRef.current.scrollLeft =;
// call the useGrid onScroll handler

a scroll handler should be also attached to header but useGrids onScroll, should not be called from there, as scrollTop will zero for header element and that will scroll the table to top!

Don't worry this will not hamper the performance as both scroll can't be called together and horizontal scrollbar will always have a limited scope.

Edit this page on GitHub