制表符：切换列时顶部和按钮计算不会移动位置。 如何在不丢失滚动位置的情况下切换列和刷新表？

Question

我的目标是能够切换开关的可见性并保持相同的格式。 目前，我使用过滤器的解决方案会执行此操作，但会丢失制表符的当前滚动位置。 这是不可接受的。

$("#toggleNotes").change(function () {
    // Toggles the visibility of the Notes column.
    $("#allocations-table").tabulator("toggleColumn", "Notes");
    $("#allocations-table").tabulator("setFilter", "AllocationId", ">", -1);
});

不使用过滤器会导致顶部和底部计算不会移动以适应新列。 是否可以移动顶部和底部计算？ 有没有办法重新计算列顶部和底部计算而无需每次都重置表格？

我使用的是 tabulator 3.5，但无法升级到最新版本。

PS：感谢您免费提供制表器。

Answer 1

即使在 v4.9 上性能发生了变化，但仍然存在或产生了一些问题。在水平滚动方面，即使在 4.9 版上， bottom/top calc也有问题。 RTL languages也存在问题。 我附上了用Tabulator 4.9生成的示例表的示例图像。 例如，如果我们激活 Frozen Column 并同时将方向设置为 RTL，则冻结行向左浮动，而应固定在表的右侧。 我已经很容易地在我的自定义 css 上固定了刺痛的 carret 位置，但其他人还没有。

这些只是使用 Tabulator 新版本的第一个小时的一些问题。

Answer 2

这是 Tabulator 中的一个错误。 如果滚动，它会导致重绘，将底部或顶部 calc 行移动到正确的位置。 您可以通过移动滚动位置来强制它。

cell.getElement().closest('.tabulator-tableHolder').scrollLeft += 1;

Answer 3

您需要升级到较新版本的 Tabulator 才能克服这些限制。 版本 4.6 是当前版本

Tabulator 4 确实带有一个jQuery Wrapper，因此您可以像以前一样继续使用它。 并且文档有分步升级指南，可引导您完成更改。

我已经升级了数百张桌子的网站，根据桌子的复杂程度，它需要几分钟到几个小时