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

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

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

　　

　　url="data/datagrid_data.json"

?

　　singleSelect="true" fitColumns="true">

　　

?

　　

?

　　

?

　　

?

　　

?

　　

?

　　

?

　　

?

　　

?

　　

?

　　

　　$('#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 實例

　　jeasyui-datagrid-datagrid18.zip

　　本文轉載自：w3cschool(編輯：雷林鵬 來源：網絡 侵刪)

轉載于:https://www.cnblogs.com/pengpeng1208/p/10729425.html

總結

以上是生活随笔為你收集整理的雷林鹏分享：jQuery EasyUI 数据网格 - 条件设置行背景颜色的全部內容，希望文章能夠幫你解決所遇到的問題。

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