Give us feedback
scrolltable
Reactive icon

ScrollTable

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded on 05 March 2021 by 
5.0
 (1 rating)
scrolltable

ScrollTable

Details
A component that makes a table component scrollable with fixed headers and a fixed size.
Read more

This is a pure javascript solution to make a standard table component scrollable both horizontally and vertically with fixed headers. Simply drop it on a page and supply the ID of your table and a either a pixel height or a height percentage. Remove any paging, set your MaxRecords to infinity+1, and scroll away.

You can also supply options to specify horizontal and vertical scrollability as well as a comma-delimited string to specify column widths. 

This was designed for reactive web and has not been tested with mobile.

All feedback is welcomed!

Release notes (1.0.1)

- Bug fixes

- Removed requirement to place component in a certain area on the page

- Added feature to specify height in percentage

- Remove unused dependencies from demo

Reviews (1)
8 Aug
in version 1.0.1
Works fine. I just add a "MyHeaders[i].style.zIndex = 1" inside the "for (i = 0; i < MyHeaders.length; i++)" to keep the header over the body content on scrolling