columns.attributes Object
The HTML attributes of the table cell (<td>
) that is rendered for the column.
Quote all HTML attributes which are JavaScript keywords (for example,
class
).
Example - specifyinging the 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 look like `<td role="gridcell" class="highlight" style="text-align: right;">...</td>`.