Edit this page

columns.command.iconClass String |Object

The class for the web font icon of the button. When it is defined as an object it allows to customize the web font icon for the "edit", "update" and "cancel" command buttons.

Grid commands are rendered as anchors (<a>) with a span inside. The icon for the button depends on the iconClass which is rendered as a class for the inner span. Default commands have a predefined iconClass value.

Example - provide an iconClass for the grid command column

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { command: [{
        name: "copy",
        iconClass: "k-icon k-i-copy"
        }]
   }
  ],
  dataSource: [ { name: "Jane Doe" } ]
});
</script>

Example - provide an custom iconClass for the update and cancel command buttons

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { command: [{
        name: "edit",
        iconClass: {
            edit: "k-icon k-i-edit",
            update: "k-icon k-i-copy",
            cancel: "k-icon k-i-arrow-60-up"
          }
        }]
   }
  ],
  dataSource: [ { name: "Jane Doe" } ],
  editable: "inline"
});
</script>