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

Email	Title
Suzanne.Toy@yahoo.com	Principal Program Strategist
Nora.Goyette@yahoo.com	Direct Metrics Architect
Berry_Lind74@hotmail.com	International Mobility Producer
Jaleel_DAmore@hotmail.com	Human Web Orchestrator
Shaun.Lebsack@hotmail.com	Dynamic Metrics Representative
Wiley.Kreiger26@hotmail.com	Customer Communications Coordinator
Aletha12@yahoo.com	Dynamic Interactions Coordinator
Coy.Becker@hotmail.com	Chief Assurance Coordinator
Hazle86@gmail.com	Regional Directives Producer
Jovany_Hermann@yahoo.com	Legacy Security Manager

note

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