How to add a CSS class to a kendo grid column

If you want to add a class to a kendo grid column, use the columns.attributes:

 

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [ {
field: "name",
title: "Name",
attributes: {
"class": "table-cell",
style: "text-align: right; font-size: 14px"
}
} ],
dataSource: [ { name: "Jane Doe" }, { name: "John Doe" }]
});
</script>

 

http://docs.kendoui.com/api/web/grid

Leave a Reply

Your email address will not be published. Required fields are marked *

One comment

  1. Zebedeoz says:

    How To Add A CSS Class To A Kendo Grid table?