Skip to main content

Cell Attributes

Add custom attributes to each cell (and header cell) of your table using the attributes config. This example adds data-field="name" to all cells of the "Name" column:

Live Editor


attributes config accepts callback function as well:

'attributes': (cell, row, column) => { ... }

Note: cell and row arguments are empty when the attributes function is called for a th (header cell)


Be careful when you're using the attributes config. The output of attributes function can override the default Grid.js HTML attributes (e.g. you can override the default Grid.js className attribute)

Live Editor
Last updated on by Afshin Mehrabani