Hidden Columns

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

Live Editor

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

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

Result

Loading...

note

Enabling the hidden flag only affects the rendering process of your Grid.js instance. Hidden columns are still searchable.