Add Custom Class to Grid Command CELL

[Eric J at FADV]

How can I add a custom class name to the grid CELL (not the buttons) of a command cell, and have it so that when new rows are added in batch edit mode, the classes are attached. I see no "attributes" attribute for the command cell.

[Iliana Dyankova]

Hi Eric,
 
To achieve this you could use the columns.attributes option. As an example: 

//....
columns: [
    //....
   {attributes: {
       "class": "customClass",
   }, command: { text: "View Details" }, title: " " }
],

Regards,
Iliana Nikolova
Telerik

 

 

[Eric J at FADV]

Thanks, but I am looking to apply a custom class to the command columns cells only, not all columns in the grid.

[Konstantin Dikov]

Hello Eric,

As documented in the columns.attributes section in our API reference article, the attributes are added to the TD elements for the column where they are set and not to all columns. If you need to apply that custom attribute to the command column you need to set them in that column's definition:

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { command: "destroy",
     attributes: {
      "class": "table-cell"
     }
    }
  ],
  editable: true,
  dataSource: [ { name: "Jane Doe" } ]
});
</script>

Hope this helps.


Regards,
Konstantin Dikov
Telerik