This is a migrated thread and some comments may be shown as answers.

Kendo Grid Format On Some Condition

3 Answers 356 Views

ListView

This is a migrated thread and some comments may be shown as answers.

3 Answers, 1 is accepted

Accepted

answered on 27 Aug 2012, 08:08 AM

Hello Navin,

To achieve this you could use row template, as in this online example. You can add some JavaScript code inside the template to check your condition, as shown in the Kendo UI template demo. For example this will set a red color to the "The Stars of Star Wars" movie row in the rowTemplate demo:

<script id="rowTemplate" type="text/x-kendo-tmpl">

# if (AverageRating == "2.9") { #

<tr style="color:red;">

# } else { #

<tr>

# } #

<td>

<img src="${ BoxArt.SmallUrl }" alt="${ Name }" />

</td>

<td>

${ Name }

</td>

<td>

${ AverageRating }

</td>

</tr>

</script>

I hope this helps.

Regards,
Iliana Nikolova
the Telerik team

Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Kendo Grid Format On Some Condition

3 Answers, 1 is accepted