jQuery DataTables單元樣式

Question

我正在使用jQuery DataTables，並且能夠查看行數據並為行着色。

這是創建數據表的代碼：

 var $dataTable = $('#example1').DataTable({
   "data": data,
   "dataType": "json",
   "iDisplayLength": 25,
   "order": [[6, "desc"]],
   "scrollY": 550,
   "scrollX": true,
   "bDestroy": true,
   "stateSave": true,
   // here is the part that styles the row
   "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull)
   {
     if (aData[12] == "Y"){$('td', nRow).css('background-color', '#EE6363');}
     if (aData[9] == "Y"){$('td', nRow).css('font-weight', 'bold');}
   }
 });

因此，如果您在上面的代碼中注意到，則第一個if語句檢查第12列的行數據（稱為REJECTED）是否為“ Y”。 如果是這樣，請將整個行設為紅色。

第二個if語句檢查第9列的行數據（稱為URGENT）是否為“ Y”。 如果是這樣，請將整個行的文本設為粗體。

我想做的是將該列的單元格設為紅色，而不是整個行，主要是第一行。

如何更改上面的代碼以實現此目的？

Answer 1

我無法測試...

但是我會嘗試這樣的事情：

if (aData[12] == "Y"){$('td', nRow)[12].css('background-color', '#EE6363');}

還是這個棘手的事情：

if (aData[12] == "Y"){$('td', nRow).parent().children()[12].css('background-color', '#EE6363');}

如果從零開始：

if (aData[12] == "Y"){$('td', nRow)[11].css('background-color', '#EE6363');}

要么：

if (aData[12] == "Y"){$('td', nRow).parent().children()[11].css('background-color', '#EE6363');}

Answer 2

這是將為目標單元着色的代碼：

 if (aData[12] == "Y"){$('td', nRow).eq(1).css('background-color', '#BF5FFF');}

通過添加eq（1），我可以定位數據表中的第二個單元並為其着色。 這就是我如何使其工作。