标题的间距不正确

【问题标题】：Headers don't have correct spacing标题的间距不正确
【发布时间】：2019-12-03 13:24:23
【问题描述】：

有没有人在使用 DataTables.js 之前遇到过这个问题，当表格生成的标题没有正确的间距时

但是，一旦我单击它，它就会自行更正。

我的代码很简单

var table = $(reportID).DataTable({
            dom: 'Bfrtip',
            buttons: [
                'copyHtml5',
                'excelHtml5',
                'csvHtml5',
                'pdfHtml5'
            ],
            "order": [[1, "asc"]],
            "pageLength": 100,
            scrollY: '40vh',
            scrollCollapse: true,

            columnDefs: [{
                targets: [0],
                "render": function (data, type, row, meta) {
                    return '<a class="btn btn-info btn-sm" href="SNIP=' + data + '" target="_blank">' + data + '</a>';
                }
            }]
        });

有人知道这是怎么回事吗:)

【问题讨论】：

标签： jquery html datatables

【解决方案1】：

有两种方法可以调试这个问题。

将 width="100%" 添加到表格标签并检查。
如果表在隐藏时进行了初始化，则在使其可见时使用 columns.adjust()。如果这不起作用，您可能需要在短时间内使用“setTimeout”调用它

【讨论】：

嗨 Mayank，感谢您的回复，scrollY 似乎是导致 Bootstrap 问题的罪魁祸首。禁用时它工作正常，但由于记录数量，我需要启用它。这些表在加载时确实是隐藏的，我必须使用超时来正确呈现这些表。我会查看 columns.adjust，希望我能在那里得到修复:)
是的，只需尝试实现“columns.adjust()”，它应该可以解决问题。