2017-08-09 24 views
-2

サーバーからjsonデータを取得していて、データテーブルを表示しようとしています。ブートストラップデータシート:値に基づいてセルの色を変更してください

コード:

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" 
     } ] 
    }); 

私はデータを表示することができています。要件には、値に基づいて状態セルの色を変更する必要がありますか?

+0

ようこそ質問の使い方のヘルプセクションをご覧ください。あなたが問題がある場合は、少なくとも試してみることが期待されます –

+0

このスレッドをチェックする: - [セルの内容に基づいたセルの背景色](https://datatables.net/forums/discussion/11469/cell-背景色ベースのセルコンテンツ)とスレッド例のリンク: - [Row created callback](https://datatables.net/release-datatables/examples/advanced_init/row_callback.html) –

+0

ありがとうございました。迅速な対応。あなたのリンクの例では、データは静的ですが、ここで私はサーバーからデータを取得しています。 –

答えて

0

このコードを試すことができます。 columns.createdCell

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

私はこれで全く新しいです。私のコードで説明してください。 –

+0

私はこれを試してみました。機能(nRow、MDATA、iDisplayIndex、iDisplayIndexFull){ \t \t \t \t場合(MDATA [ '状態'] == '健康'){ \t \t \t \t \t \t \t \t \t \t $: "fnRowCallback" ありがとうございました( 'td'、nRow).eq(1).addClass( 'green'); \t \t \t \t –

+0

驚くばかりです。しかし、あなたのコードは古いバージョンのデータテーブルに基づいています。最新バージョンを使用している場合は、代わりに自分のコードを使用することができます。それがあなたに役立つなら、私の答えに印をつけてください。ありがとう。 – saf21

関連する問題