Laravelのビューにバインド中にDatablesデータを変更するにはどうすればよいですか？ここ

Question

は私の既存のJSコードです：

var CategoriesTablewithFilter = function(){ 
    var table = $('#catDatatable'); 
    var url = $('#url').val(); 
    var tableObj = table.DataTable({ 
     "serverSide": true, 
     "responsive": true, 


     "aoColumnDefs": [ 
          { "bSearchable": true, "aTargets": [ 1 ] }, 
         ], 

     ajax: 
     { 
      url: url, 
      dataSrc: 'data', 
     }, 

     columns: [ 
      { data: 'id'}, 
      { data: 'name'}, 
      { data: 'status'}, 

     ], 

    }); 

} 

ステータスが1または0 を返すブール値フィールドがありますです、とにかく、私は文字列に1、0を変更することができます - 有効/無効

Answer 1

あなたが使用する必要があります列のための機能をレンダリング：

var CategoriesTablewithFilter = function() { 
    var table = $('#catDatatable'); 
    var url = $('#url').val(); 
    var tableObj = table.DataTable({ 
     "serverSide": true, 
     "responsive": true, 
     "aoColumnDefs": [ 
      {"bSearchable": true, "aTargets": [1]}, 
     ], 
     ajax: 
       { 
        url: url, 
        dataSrc: 'data', 
       }, 
     columns: [ 
      {data: 'id'}, 
      {data: 'name'}, 
      {data: 'status', render: function (data, type, row, meta) { 
       return data == 1 ? 'Active' : 'InActive'; 
      }} 
     ], 
    }); 
} 

Answer 2

は、ステータスの値を取得し、最終的な出力をレンダリング表示するrender機能を使用するためにconsole.log(data)出力を使用して、あなたにAJAXの応答をデバッグしてみます。

columns: [ 
    { data: 'id'}, 
    { data: 'name'}, 
    { 
     data: 'status', 
     render: function (data, type, full, meta) { 
      return full.status == true ? 'Active' : 'Inactive'; 
     } 
    } 
] 

それとも、機能ここを参照してくださいレンダリング

columns: [ 
    { data: 'id'}, 
    { data: 'name'}, 
    { 
     data: 'status', 
     render: function (data, type, full, meta) { 
      return data === '1' ? 'Active' : 'Inactive'; 
     } 
    } 
]