Edit this page

toolbar.iconClass String

The class for the web font icon of the button that will be rendered in the toolbar.

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. Built-in commands have a predefined iconClass value.

Example - provide an iconClass for a toolbar command

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  toolbar: [
    { name: "copy", iconClass: "k-icon k-i-copy" },
    { name: "save" },
    { name: "custom" }
  ],
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: {
    data: [
      { id: 1, name: "Jane Doe", age: 30 },
      { id: 2, name: "John Doe", age: 33 }
    ],
    schema: {
      model: { id: "id" }
    }
  },
  editable: true
});
</script>