jQuery EasyUI 數據網格 - 條件設置行背景顏色

本教程將向您展示如何根據一些條件改變數據網格(datagrid)組件的行樣式。當 listprice 值大于 50 時，我們將為該行設置不同的顏色。

數據網格(datagrid)的 rowStyler 函數的設計目的是允許您自定義行樣式。以下代碼展示如何改變行樣式：

url="data/datagrid_data.json"

singleSelect="true" fitColumns="true">

Item IDProduct IDList PriceUnit CostAttributeStauts

$('#tt').datagrid({

rowStyler:function(index,row){

if (row.listprice>50){

return 'background-color:pink;color:blue;font-weight:bold;';

}

}

});

正如您所看到的，我們根據一些條件設置 background-color(背景色)為 pink(粉紅色)，設置文本顏色為 blue(藍色)。

下載 jQuery EasyUI 實例

總結

以上是生活随笔為你收集整理的html怎么设置数据条的颜色,jQuery EasyUI 数据网格 – 条件设置行背景颜色 | 菜鸟教程...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。