https://github.com/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.
https://github.com/grimmpp/sortable-and-scrollable-table-with-fixed-header
css fixed-header html jquery scrollable sortable table tree-table treetable
Last synced: 9 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/grimmpp/sortable-and-scrollable-table-with-fixed-header
- Owner: grimmpp
- License: apache-2.0
- Created: 2019-11-29T22:22:38.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-01-26T19:40:58.000Z (almost 6 years ago)
- Last Synced: 2025-02-15T11:27:17.593Z (10 months ago)
- Topics: css, fixed-header, html, jquery, scrollable, sortable, table, tree-table, treetable
- Language: JavaScript
- Homepage:
- Size: 392 KB
- Stars: 4
- Watchers: 4
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Sortable And Scrollable TreeTable With Fixed Header
The file [scrollableTable.js](/js/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](index.html) or [treeTable.html](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](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](treeTable.html).
