Bootstrap Datatables：根據值更改單元格顏色

-2

我從服務器獲取json數據並嘗試顯示數據表。Bootstrap Datatables：根據值更改單元格顏色

代碼：

var siteName = $("#stateType").val(); 

    $(".jqueryDataTable").DataTable({ 
     "sPaginationType" : "full_numbers", 
     "bProcessing" : false, 
     "bServerSide" : false, 
     "bJQueryUI" : true, 
     "bDestroy" : true, 
     "sAjaxSource" : "searchState", 
     "sServerMethod" : "POST", 
     "fnServerParams" : function(aoData) { 
      aoData.push({ 
       "name" : "stateType", 
       "value" : siteName 
      }); 
     }, 
     "aoColumns" : [ { 
      "mData" : "stitcher" 
     }, { 
      "mData" : "state" 
     }, { 
      "mData" : "load" 
     }, { 
      "mData" : "sessionsActive" 
     }, { 
      "mData" : "sessionsPaused" 
     }, { 
      "mData" : "csmVersion" 
     }, { 
      "mData" : "serviceID" 
     } ] 
    });

我能夠顯示數據。但需求是我需要根據值更改狀態單元格的顏色？

來源

2017-08-09 Dead Programmer

歡迎來到SO，請閱讀關於如何提問的幫助部分。預計你至少會嘗試，如果你有問題，我們可以幫助 –

檢查這個線程： - [基於單元格內容的單元格背景顏色]（https://datatables.net/forums/discussion/11469/cell-基於背景顏色的單元格內容）和線程中給出的示例鏈接： - [行創建的回調]（https://datatables.net/release-datatables/examples/advanced_init/row_callback.html） –

感謝或快速響應。在你的鏈接例子中，數據是靜態的，但是我在這裏從服務器獲取數據。 –

您可以嘗試下面的代碼。基於columns.createdCell

{ 
    data: 'serviceID', 
    createdCell: function (td, cellData, rowData, row, col) { 
        var serviceID = cellData; 
        if (serviceID < 1) { 
         $(td).css('color', 'red') 
        } 
       } 
}

來源

2017-08-09 06:41:23 saf21

我是全新的。你能否在我的代碼中解釋一下。 –

我試過這個，它的工作原理。謝謝你「fnRowCallback」：功能（nRow，MDATA，iDisplayIndex，iDisplayIndexFull）{ \t \t \t \t如果（MDATA [ '狀態'] == '健康'）{ \t \t \t \t \t \t \t \t \t \t $ （'td'，nRow）.eq（1）.addClass（'green'）; \t \t \t \t} –

太棒了。但是，您的代碼基於舊版數據表，如果您使用最新版本，則可以使用我的代碼。請標記我的答案，如果它可以幫助你。謝謝。 – saf21

Bootstrap Datatables：根據值更改單元格顏色

回答

相關問題