我有一个正在从文件中检索数据的工作数据表:
我想分组行,类似这样:
https://datatables.net/examples/advanced_init/row_grouping.html
我的目标是让我的数据表看起来像这样,按日期(最后一列)对行进行分组,但即使查看代码,我也无法使其工作。如果可以的话,我想帮助你做一些工作。
这是我的数据表的代码:
$(document).ready(function() {
$('#datatable').DataTable( {
"ajax": "<?php echo base_url()."assets/files/data/data.txt"; ?>" ,
"columns": [
{ "data": "etat" },
{ "data": "dest" },
{ "data": "message" },
{ "data": "exp" },
{ "data": "date" }
],
"order": [[ 0, "desc" ]],
"responsive": true
} );
} );
你应该使用drawCallback
函数。
尝试。
$(document).ready(function() {
$('#datatable').DataTable({
"columns": [
{ "data": "etat" },
{ "data": "dest" },
{ "data": "message" },
{ "data": "exp" },
{ "data": "date" },
{ "data": "extra" }
],
"order": [[ 4, "desc" ]],
"responsive": true,
drawCallback: function (settings) {
var api = this.api();
var rows = api.rows({ page: 'current' }).nodes();
var last = null;
api.column(4, { page: 'current' }).data().each(function (group, i) {
if (last !== group) {
$(rows).eq(i).before(
'<tr class="group"><td colspan="8" style="BACKGROUND-COLOR:rgb(237, 208, 0);font-weight:700;color:#006232;">' + 'GRUPO ....' + group + '</td></tr>'
);
last = group;
}
});
}
});
} );
当您将PHP的URL输出到Javascript中时,似乎会出现错误。
试试这个:
ajax: "<?php echo base_url() . 'assets/files/data/data.txt'; ?>"
不是PHP代码中的单引号。