Question

我希望能够通过jquery为数据表更新列标题。该表将为空（除标题外），列标题将根据使用的输入而更改。我正在使用数据表1.10.9。

创建数据表。

    $('#tbl1').dataTable({
          "autoWidth":false
        , "info":false
        , "JQueryUI":true
        , "ordering":true
        , "paging":false
        , "scrollY":"470px"
        , "scrollX":"1485px"
        , "scrollCollapse":true
        , "columnDefs": [
                    { className: "LeftNoWrap", "targets": [ 0,1 ] }
                ,   { className: "CenterNoWrap", "targets": [ 2,3 ] }
                ,   { className: "RightNoWrap", "targets": [ 4,5,6,7,8,9,10,11,12,13 ] }
            ]
    });

创建局部变量。

    var dTable = $('#tbl1').DataTable();

更新列标题。

    $(dTable.column(1).header()).text('My title');

加载数据。

    for (var i = 0; i < Data.length; i++) {
        .....
    }
    dTable.draw();

但是，列现在没有对齐。

Answer 1

在我看来，＆＃34;正确＆＃34;改变标题标题的方法是

dTable.columns(1).header().to$().text('My title)

然而，这些专栏现在没有排队。

很难真正做出概念验证，因为我们没有一个证明问题的例子。但是，我认为您只需要在插入新数据后重新调整列：

dTable.columns.adjust().draw();

小型演示 - ＆gt;的 http://jsfiddle.net/v8dkx0uz/

DataTables - 更新列标题，然后重新绘制

1 个答案: