根據ajax json值將數據嵌入<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值將< label>標記添加到DataTable行單元格中。 如果client_status值爲0，那麼我需要一個類型標籤，如果它是1我需要添加另一個標籤。

是否有可能在通過ajax json填充表格時將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 
});