带有复选框的jquery Datatables行分组

Posted 2023-05-08

【中文标题】带有复选框的jquery Datatables行分组

【英文标题】：jquery Datatables row grouping with checkbox

【发布时间】：2017-07-15 13:31:12

【问题描述】：

我有一个数据表，我想在其中应用行分组。还包括一个复选框插件。我已经尝试了datatables website 上列出的代码，但我没有运气。该 API 不会为“City”列添加分组行。我用于分组的代码如下所示：

$(document).ready(function ()
          $('#example').DataTable(
            columnDefs: [
                targets: 0,
                'checkboxes': 
                    'selectRow': true
                
            ,
             "visible": false, "targets": 1 ],
            select: 
                style: 'multi'
            ,
            order: [[1, 'asc']],
            iDisplayLength: 10,
            drawCallBack: function () 
                var api = this.api();
                var rows = api.rows( page: 'current' ).nodes();
                var last = null;

                api.column(1,  page: 'current' ).data().each(function (group, i) 
                    if (last !== group) 
                        $(rows).eq(i).before(
                            '<tr class="group"><td colspan="6">' + group + '</td></tr>'
                        );

                        last = group;
                    
                );
            
        );
);

我的 jfiddle here 中有代码。复选框会干扰分组吗？请让我知道我哪里出错了。

注意： 该复选框基于gyrocode的插件 数据表版本为 1.10.12

【参考方案1】：

您使用的选项名称不正确，应该是 drawCallback 而不是 drawCallBack。

有关代码和演示，请参阅updated example。