Question

我发现以下代码可创建一个链接以隐藏/取消隐藏特定列

// JS
$('a.toggle-vis').on( 'click', function (e) {
    e.preventDefault();
    search = ":contains(" + $(this).text() + ")"
    var column = table.column(search);
    column.visible( ! column.visible() );
});

// HTML
Hide/unhide column: <a class="toggle-vis">Cost</a>

但是，当我隐藏和取消隐藏列时，列的宽度都被弄乱了（列的宽度更改为等于标题的宽度，看起来确实很狭窄）。

有没有办法告诉DataTables重做列宽？

Answer 1

我知道了。我不得不使用columns.adjust()

在table.columns.adjust().draw();之后扔column.visible( ! column.visible() );解决了问题

隐藏和取消隐藏列会更改列的自动宽度

1 个答案: