2015-08-27 48 views
0

我有一個包含使用jQuery數據表庫的多列數據的表。JQuery數據表初始化後突出顯示行

其中一列是過期日期。我想突出顯示過期日期已過的列,因此管理員可以直觀地選擇哪些需要更新,而無需實際讀取每個日期。

這裏是我的表是什麼樣子:

enter image description here 結束日期是應當檢查的列。問題是,因爲我使用jQuery的生成器方法,我不想修改它來檢查過去的日期,因爲我在其他幾個頁面上使用相同的方法。

我的問題是,有沒有什麼辦法可以在頁面加載後循環遍歷表格,並在結束日期列已經通過時修改CSS以突出顯示行(並使其適用於數據表的每一頁,而不僅僅是當前頁面)?

任何人都可以指向正確的方向嗎?我不知道是否有我想要的內置函數,或者如果我將不得不做一點小事,但我想我會先在這裏檢查。

+0

能否請你展示在JavaScript中的數據表初始化代碼見本jsfiddle?您是使用客戶端還是服務器端處理? –

回答

0

如果你使用的數據表1.9可以使用fnRowCallback此:

在這個例子中,每行處理後(但尚未呈現)回調方法運行,我們正在檢查是否第5列中的值等於'A',如果爲true,則類hilite應用於該行內的每個<td>

"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) { 
    if(aData[4] == 'A'){ 
     $(nRow).children().each(function (index, td) { 
       $(this).addClass('hilite'); 
     }); 
    } 
    return nRow; 
} 

的工作示例