Column not showing data using Gridjs while integrating with React js

Question

currently I am using Gridjs to display my table in my Reactjs application.

This is the code, the Name, and Email is displaying correctly, but the created_at is not, giving me empty. How can I display the data? thank you..

Afshin Mehrabani · Accepted Answer · 2021-01-07 23:51:55Z

3

You need to define a custom id for your column if you're using a JSON input.

Example:

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

See https://gridjs.io/docs/examples/import-json/

answered Jan 7, 2021 at 23:51

Afshin Mehrabani

35.3k33 gold badges146 silver badges209 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

usersina Over a year ago

To elaborate, the value of the key id in "columns" needs to be the same as the name of the key in "data".

Falady Over a year ago

gridjs sure takes camelCase/case sensitive seriously.

Collectives™ on Stack Overflow

Column not showing data using Gridjs while integrating with React js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related