如何在DataTable中的同一单元格中显示多个值

Question

我无法在数据表中显示数据库中不同字段的多个值。我从表中得到的代码是：

var listar = function () {
var table = $('#customers-table-view').DataTable({
destroy: true,
ajax: {
    method: 'POST',
    url: 'listar'
},
columns: [
    ...
    {'data': 'service1'},
    ...
],

在数据库中，我有service1，service2，service3 ......打开或关闭。我想要的是将这些值放在同一列中。也就是说，在单元格中仍然存在类似的东西;开，关，关...

Answer 1

如果要在DataTables列上显示自定义值，可能需要使用columns.render属性。您可以传递一个返回文本甚至HTML元素的函数。

在你的情况下，这可能看起来像这样：

$('#customers-table-view').DataTable({
  columns: [
    ...
    { 
      data: 'service1',
      render: function (data, type, row, meta) {
        return row.service1 + ', ' + row.service2 + ', ' + row.service3
      }
    },
    ...
  ]
});

希望这会给你一个想法。