Light logo Small logo
Dark logo Small logo
Light logo Small logo
Dark logo Small logo

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.