Fixed Header

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

Live Editor

const grid = new Grid({ columns: [ 'Name', 'Email', 'Title', ], sort: true, pagination: true, fixedHeader: true, height: '400px', data: Array(50).fill().map(x => [ faker.name.findName(), faker.internet.email(), faker.name.title(), ]) });

const grid = new Grid({
  columns: [
      'Name',
      'Email',
      'Title',
   ],
  sort: true,
  pagination: true,
  fixedHeader: true,
  height: '400px',
  data: Array(50).fill().map(x => [
    faker.name.findName(),
    faker.internet.email(),
    faker.name.title(),
  ])
});

Result

Loading...