columns.attributes Object

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

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

Example - specify column HTML attributes

<div id="treelist"></div>
<script>
  $("#treelist").kendoTreeList({
    columns: [
      { field: "lastName" },
      {
        field: "position",
        attributes: {
          "class": "highlight",
          style: "text-align: right"
        }
      }
    ],
    dataSource: [
      { id: 1, parentId: null, lastName: "Jackson", position: "CEO" },
      { id: 2, parentId: 1, lastName: "Weber", position: "  VP, Engineering" }
    ]
  });
</script>
<style>
  .highlight {
    color: red;
  }
</style>

The table cells would look like this: <td class="name-cell" style="text-align: right">...</td>.

In this article
Not finding the help you need?