Question

easyui datagrid值判断的问题。

官网例子
$('#dg').datagrid({
columns:[[
{field:'listprice',title:'List Price', width:80, align:'right',
styler: function(value,row,index){
if (value < 20){
return 'background-color:#ffee00;color:red;';
}
}
}
]]
});
List Price价格低于20就显示红色背景，但是我的列不是在columns里定义的。用下面的tdtr定义出来的 那么怎么做到一样的效果呢？

Answer 1

<table class="easyui-datagrid">
<thead>
<tr>
<th data-options="field:'code,styler: function(value,row,index){
if (value < 20){
return 'background-color:#ffee00;color:red;';
}
}'">编码</th>
<th data-options="field:'name'">名称</th>
<th data-options="field:'price'">价格</th>
</tr>
</thead>
<tbody>
<tr>
<td>001</td><td>name1</td><td>2323</td>
</tr>
<tr>
<td>002</td><td>name2</td><td>4612</td>
</tr>
</tbody>
</table>就是可以再第一列添加背景了