ajax json値に基づいてDataTableに<label>を埋め込みます

Question

var table = jQuery('#datatable-responsive').DataTable({ 
dom: 'Bfrtip', 
lengthMenu: [ 
    [ 10, 25, 50, -1 ], 
    [ '10 rows', '25 rows', '50 rows', 'Show all' ] 
], 
ajax: { 
    url: 'getClients.php', 
    dataSrc: 'aaData', 
    method:'POST' 
}, 
columns: [ 
    { data:'client_name'}, 
    { data:'client_location'}, 
    { data:'client_region'}, 
    { data:'client_remarks'}, 
    { data:'client_status'} 
], 
select: true 
}); 

上記のJavaScriptは、DataTableを埋めるために使用されています。私の要件は、私は<ラベル>タグをclient_status値に基づいてDataTable行セルに追加する必要があります。 client_statusの値が0の場合はタイプラベルが必要です（1の場合）。別のラベルを追加する必要があります。

ajax json経由でテーブルを埋めるときにdatatableにhtmlを追加することは可能ですか？

Answer 1

var table = jQuery('#datatable-responsive').DataTable({ 
    dom: 'Bfrtip', 
    lengthMenu: [ 
        [ 10, 25, 50, -1 ], 
        [ '10 rows', '25 rows', '50 rows', 'Show all' ] 
       ], 
    ajax: { 
      url: 'getClients.php', 
      dataSrc: 'aaData', 
      method:'POST' 
    }, 
    columns: [ 
      { data:'client_name'}, 
      { data:'client_location'}, 
      { data:'client_region'}, 
      { data:'client_remarks'}, 
      { data:'client_status',render: function (data, type, full, meta) { 
       if (data == 'N'){ 
        return '<label class="bs-label bg-blue">New</label>'; 
       }else if (data =='O'){ 
        return '<label class="bs-label bg-green">On Board</label>'; 
       }else if (data=='I'){ 
        return '<label class="bs-label bg-red">In-Active</label>'; 
       }} 
      } 
     ], 
     select: true 
});