javascript - Jquery Datatable - 从服务器中提取数据 - 如何为列设置类

Question

我有一个简单的代码来在我的数据表中使用 ajax 提取数据：

$('#datatable').dataTable( {

    "pageLength": 50,
    "ajax": "/test/pull/",

     "columns": [
        { "data": "a" },
        { "data": "b" },
        { "data": "c" },
        { "data": "d" },
        { "data": "r" },
        { "data": "f" }
    ],

    "columnDefs": [ {
            "render": function ( data, type, row ) {
                return '<button type="button" class="btn btn-success btn-sm">Click</button>'
            }, "targets": 2
        }
    ]
} );

我想知道如何为第 3、4 和 5 列设置类属性

是否有机会使用列渲染来做到这一点？

将感谢您的帮助，

标签： javascriptjquerydatatables

Answer 1

希望这对你有用。

使用 className 为具有 columnDefs 的第一列中的单元格分配一个类：

$('#datatable').dataTable( {
  "columnDefs": [
    { className: "my_class", "targets": [ 0 ] }
  ]
} );

使用 className 为具有列的第一列中的单元格分配一个类：

$('#example').dataTable( {
  "columns": [
    { "data": "a" , className: "my_class" },
    { "data": "b" },
    { "data": "c" },
    { "data": "d" },
    { "data": "r" },
    { "data": "f" }
  ]
} );

如果要添加多个类，只需用空格分隔它们，就像在普通类 html 属性中一样：

{ className: 'my_class other_class' }