如何在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
}]
});

我相信这个问题会对你的转变有所帮助。