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
Result

tip

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)

warning

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
Result
Last updated on by Afshin Mehrabani