数据表隐藏了它自己的列

Question

可能导致我的列隐藏/压缩的原因。在行旁边放置一个加号。对不起，我不确定这是什么叫检查数据表站点。

一旦显示模态，调用列调整以修复标题后会发生这种情况。

https://trello.com/1/authorize?key=YOUR_APP_KEY&name=APP_NAME&scope=read,write&expiration=never&response_type=token

表格

payload

ISSUE UPDATE

因此，当没有足够的数据需要滚动时，就会触发问题。

Answer 1

您正在使用Responsive扩展程序，当这些扩展程序不适合视图时会隐藏列。

但是，如果您在模态窗口中显示该表，则响应式扩展可能会不正确地检测列宽，因为该表最初是隐藏的。

除了columns.adjust()之外，解决方法是使用responsive.recalc() API方法。

由于您使用的是Scroller扩展程序，因此您还需要调用scroller.measure() API方法。

请参阅以下代码：

$(document).on('shown.bs.modal', '#list-manage-users-modal', function (){
    $($.fn.dataTable.tables(true)).DataTable()
       .columns.adjust()
       .responsive.recalc()
       .scroller.measure();
});

此外，您还需要包含scrollCollapse: true选项，因为这两个扩展中似乎存在不兼容错误。有关详细信息，请参阅issue #854 on GitHub。

请参阅this example以获取代码和演示。