如何在jQuery的DataTables中更改一列的值

Question

我正在制作一個jQuery DataTable，因為我需要在呈現數據表之前進行一些更改。

樣本數據：

[{
  "time": "2018-07-18T15:16:10.557Z",
  "data": "AQAAH"
}, {
  "time": "2018-07-18T15:13:10.557Z",
  "data": "AQAAH"
}]

我想在渲染到DataTable之前像數據一樣更改data列的值：

AQAAH至0100001c

我想將數據從base64轉換為hex ，然后要在DataTable中進行渲染。

碼：

function getddata() {
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
      var Readings = JSON.parse(xmlhttp.responseText);

      $(document).ready(function() {
        $('#example').DataTable({
          data: Readings,
          columns: [{
            "data": "time"
          }, {
            "data": "data"
          }]
        });
      });
      //data table code -close
    }
  };
  xmlhttp.open("GET", "url", true);
  xmlhttp.setRequestHeader("Content-type", "Application/json");
  xmlhttp.send();
}

Answer 1

您可以在DataTables中使用column.render選項。 查看文檔以獲取更多詳細信息。

$('#example').DataTable({
  data: Readings,
  columns: [{
    "data": "time"
  }, {
    "data": "data"
  }],
  columnDefs: [{
      "render": function ( data, type, row ) {
        // here you can convert data from base64 to hex and return it
        return data
      },
      "targets": 1
   }]
});

我相信這個問題會幫助您轉換。