制表符：切換列時頂部和按鈕計算不會移動位置。 如何在不丟失滾動位置的情況下切換列和刷新表？

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，因此您可以像以前一樣繼續使用它。 並且文檔有分步升級指南，可引導您完成更改。

我已經升級了數百張桌子的網站，根據桌子的復雜程度，它需要幾分鍾到幾個小時