データテーブルの列にクラスを追加する方法

Question

データテーブルの列にクラスを追加するにはどうすればよいですか？ここで

はcolumnDefsのコードです：

{ 
       targets: 6, 
       render: function (data, type, row, meta) { 
        if ('1' === '1') { 
         //data = '<a onclick="TicketDetails(' + (row.Id) + ') " >' + data + '</a>'; 
         data = '<span class="label label-sm label-warning"> ' + data + ' </span>'; 
         { className: 'label label-sm label-warning' } 
        } 

        return data; 
       } 
      } 

これはDataTableのステータス列です。 ステータス値が1の場合、結果出力は1になります。

<span class="label label-sm label-warning"> New </span> 

ステータス（i.e.the出力データ）である場合2.then.resultは次のようになります

<span class="label label-sm label-default"> Pending </span> 

IDステータスデータは、3

あります。

<span class="label label-sm label-success"> Completed </span> 

どのように私はチェックし、サーバー側datatableのdatatable列にこれを作成しますか？ここ

列です：

"columns": [ 
        //{ "data": '' }, 
         { "data": "CreatedDate" }, 
         { "data": "Title" }, 


         { "data": "Name" }, 
         { "data": "Email" }, 
         { "data": "AssignTo" }, 
         { "data": "Status" } 
      ] 

いずれかが私を示唆します？

Answer 1

columnsの配列に6列ありますが、第7列を参照するtargets: 6を使用しています。

は、以下のコードを使用します。

columnDefs: [ 
    { 
     { 
      targets: 5, 
      render: function (data, type, row, meta) { 
      if(type === 'display'){ 
       if(data == 1){ 
        data = '<span class="label label-sm label-warning"> New </span>'; 
       } else if(data == 2){ 
        data = '<span class="label label-sm label-default"> Pending </span>'; 
       } else if(data == 3){ 
        data = '<span class="label label-sm label-success"> Completed </span>'; 
       } 
      } 

      return data; 
      } 
     } 
    } 
]