删除水平滚动条并使表格更宽

Question

默认情况下，制表符会减小表格的最大宽度，并在表格底部显示水平滚动条。是否可以删除此滚动条并强制制表器增加表格的宽度（以便水平滚动条显示在浏览器窗口的底部）？

Answer 1

将其添加到包含水平滚动条的 div 的 CSS 文件中。

overflow-x: hidden;

要使表格更宽，您可以将其括在 a 中<div>，并将其添加到该特定 div 的 CSS 文件中。

table-layout: fixed;
width: 100%;

Answer 2

更新

从 Tabulator v4.7 开始，有一个内置的布局模式来处理这个问题。fitDataTable布局模式将使宽度表适合其内容：

var table = new Tabulator("#example-table", {
    layout:"fitDataTable",
});

有关完整详细信息和工作示例，请参阅布局文档

原答案

没有允许表格外部滚动的内置功能。该表格基于 a div，因此将占据其父元素 100% 的宽度。

然后，它将处理表格内的滚动或调整列的大小以适应表格的配置方式。

您可以进行一些 CSS 调整以允许这种形式的显示，但这可能会导致表格在某些情况下出现故障，具体取决于您的配置。

包含制表符样式表后，您需要包含以下 CSS：

.tabulator, .tabulator-header, .tabulator-tableHolder{
    overflow:visible !important;
}

但本质上，在这一点上，您可能最好只使用标准 HTML 表格，因为您似乎禁用了许多需要使用 Tabulator 的功能。