Hello, World!

tip

You can interact with the following editor!

Live Editor

const grid = new Grid({ columns: ['Name', 'Email', 'Phone Number'], 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'],
  data: [
    ['John', 'john@example.com', '(353) 01 222 3333'],
    ['Mark', 'mark@gmail.com',   '(01) 22 888 4444']
  ]
});

Result

Loading...

Or you can update the config using updateConfig:

Live Editor

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

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

Result

Loading...