Data Table
Basic
The most basic list group is an unordered list with list items and the proper classes. Build upon it with the options that follow, or with your own CSS as needed.
Pagination
Pagination can be enabled by setting pagination: true
:
Search
Grid.js supports global search on all rows and columns. Set search: true
to enable the search plugin:
Sorting
To enable sorting, simply add sort: true
to your config:
Loading State
Grid.js renders a loading bar automatically while it waits for the data to be fetched. Here we are using an async function to demonstrate this behaviour (e.g. an async function can be a XHR call to a server backend)
Fixed Header
The most basic list group is an unordered list with list items and the proper classes. Build upon it with the options that follow, or with your own CSS as needed.
Hidden Columns
Add hidden: true
to the columns definition to hide them.