Pagination

Pagination can be enabled by setting pagination: true:

Live Editor

const grid = new Grid({ columns: ['Name', 'Email', 'Phone Number'], pagination: true, data: [ ['John', 'john@example.com', '(353) 01 222 3333'], ['Mark', 'mark@gmail.com', '(01) 22 888 4444'] ] });

const grid = new Grid({
  columns: ['Name', 'Email', 'Phone Number'],
  pagination: true,
  data: [
    ['John', '[email protected]', '(353) 01 222 3333'],
    ['Mark', '[email protected]',   '(01) 22 888 4444']
  ]
});

Result

You can also change the default settings of the pagination plugin:

Live Editor

const grid = new Grid({ columns: ['Name', 'Email', 'Phone Number'], pagination: { limit: 1 }, data: [ ['John', 'john@example.com', '(353) 01 222 3333'], ['Mark', 'mark@gmail.com', '(01) 22 888 4444'] ] });

const grid = new Grid({
  columns: ['Name', 'Email', 'Phone Number'],
  pagination: {
    limit: 1
  },
  data: [
    ['John', '[email protected]', '(353) 01 222 3333'],
    ['Mark', '[email protected]m',   '(01) 22 888 4444']
  ]
});

Result