繁体   English   中英

对带有复选框的数据表使用 row.add

[英]Use row.add for datatable with checkboxes

我有以下代码用于填充和生成复选框数据表的行:

    var array = [...];
    $datatable = $('#datatable-checkbox');

    // checkboxes
    $datatable.dataTable({
      'order': [[ 1, 'asc' ]],
      'columnDefs': [
        { orderable: false, targets: [0] }
      ]
    });

    for(int i in array) {
        var name = array[i][0];
        var message = array[i][1];
        var num = array[i][2]; 

        $datatable.DataTable().row.add([
            name,
            message,
            num
        ]).draw( false );
    }

但是,行(名称)中的第一个数据字段似乎替换了复选框,就好像这些行是空的一样。

我的问题是,有没有办法在忽略第一列的同时将数据添加到行中? 或者将复选框添加回第一列?

我能够简单地使用以下方法修复它:

$datatable.DataTable().row.add([
    '<input type="checkbox"></input>',
    name,
    message,
    num
]).draw();

只需插入一个空白值,当您使用数组填充行值时,稍后使用edit方法填充它

$datatable.DataTable().row.add([
            name,
            '',
            ''
        ])

回答您的问题Or to add checkboxes back to the first column? . 是的,您可以使用以下方法在插入后编辑特定行的数据:

var myTable = $('#myTable').DataTable();

myTable.row( ':eq(0)' ).edit( {
    name: 'Edit first row name object'
} );

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM