columns.headerAttributes Object

HTML attributes of the table header cell (<th>) rendered for the column.

HTML attributes which are JavaScript keywords (e.g. class) must be quoted.

Example - specify column header HTML attributes

<div id="treeList"></div>
<script>
  var dataSource = new kendo.data.TreeListDataSource({
      data: [
        { id: 1, parentId: null, lastName: "Jackson" },
        { id: 2, parentId: 1, lastName: "Weber" }
      ]
  });
  $("#treeList").kendoTreeList({
    columns: [ {
      field: "lastName",
      headerAttributes: {
        "class": "name-header",
        style: "text-align: right"
      }
    } ],
    dataSource: dataSource
  });
</script>

The table headers would look like this: <th class="name-header" style="text-align: right">...</th>.

In this article
Not finding the help you need?