Basic Table

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:

Resizable Columns

Simply add resizable: true to your config to enable resizable columns:

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

Simply add height and fixedHeader to your Grid.js config object to enable fixed header feature:

Hidden Columns

Add hidden: true to the columns definition to hide them.

Cell formatting

You can customize cells and format them at runtime using formatter property: