grimmpp / sortable-and-scrollable-table-with-fixed-header

This is a HTML table widget which has fixed headers, is scrollable, the table columns can be sorted or it can be used as tree-table.

Sortable And Scrollable TreeTable With Fixed Header

The file scrollableTable.js creates a sortable and scrollable table with fixed headers for HTML webpages. It uses jquery and css.

Features

• Table can be used as TreeTable
• Table is scrollable
• Table columns can be sorted (stable sort)
• Own compare function for sorting can be defined.
• Table content can be filtered (Parent nodes in TreeTable are displayed as well)
• Table height can be optionally set statically (absolute value in px) or as function which dynamically adjusts the height of the table. (See example in index.html or treeTable.html)
• By clicking on a row an event is sent which can be caught for data processing. (Only single selected row is implemented.)

Example

An example is implemented in index.html. You can just clone/download this repository and run it. No other dependencies are needed.

TreeTable Version

An example is implemented in treeTable.html.