I'm using a Kendo grid, razor style, in an MVC application, binding to an ajax data source.
Products in the grid can be one of two types, and I want to apply different styles (background color, bold text, indent) to the different types of rows. I've seen examples using the ClientRowTemplate property, but I don't want to set the entire template for all the cells, as many columns already have their own templates. Isn't there a mechanism to just set a css class on a row based on data from the item it's bound to?
Thanks in advance.
1 Answer, 1 is accepted
0
Accepted
Hi Dale,
Thank you for contacting Telerik Support.
For traversing and applying custom styles to each row, depending on a value within that row, you should handle the client-side dataBind event of the grid and get reference to the data items (for retrieving the value). Once you have a reference to the item you can add custom class name to the TR element.
For your convenience, following is a simple dojo example with such conditional styling:
Additionally, you can take a look at the following help article for more details on the matter:
Hope this helps.
Regards,
Konstantin Dikov
Telerik
Thank you for contacting Telerik Support.
For traversing and applying custom styles to each row, depending on a value within that row, you should handle the client-side dataBind event of the grid and get reference to the data items (for retrieving the value). Once you have a reference to the item you can add custom class name to the TR element.
For your convenience, following is a simple dojo example with such conditional styling:
Additionally, you can take a look at the following help article for more details on the matter:
Hope this helps.
Regards,
Konstantin Dikov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!