Change Background Color of DataGrid Row on Some Condition

Tutorial » Change Background Color of DataGrid Row on Some Condition

This tutorial will shows you how to change row style of datagrid component on some condition. We will set the rows whose listprice value is greater than 50 to different color.

The rowStyler function of datagrid is designed to allow you to comstomize the row style. The following code shows how to change the row style:

As you can see, we set the background-color to pink and text color to blue on some condition.

Download the EasyUI example:

easyui-datagrid-demo.zip