Tabulator：如何提供我自己的自定义分页页脚并让 Tabulator 对数据进行分页？答案

【问题标题】：Tabulator: How to provide my own custom pagination footer and have Tabulator page the data?Tabulator：如何提供我自己的自定义分页页脚并让 Tabulator 对数据进行分页？
【发布时间】：2020-07-03 14:41:46
【问题描述】：

我希望 Tabulator 在本地为我执行所有分页，但想提供我自己的自定义分页控件。如果将 footerElement 设置为我的自定义分页面板 Tabulator 会正确显示它，但不会对数据进行分页。我还必须设置这些附加属性才能正确分页数据：

pagination: 'local',
paginationSize: 25

但是，设置了这些附加属性后，它会显示我的自定义分页面板以及制表符自己的实现。

有没有办法实现我的需要？

我正在使用：

“反应制表符”：“^0.13.1”
“制表符表”：“^4.7.1”

或者，有没有办法在制表符分页中包含一个行指示器，显示如下：

1-25 个，共 80 个

以上表明我们正在显示总共 80 行中的第 1 到 25 行。

【问题讨论】：

有没有人能够通过footerElement成功使用一组自定义分页控件？

标签： tabulator

【解决方案1】：

您需要使用 footerElement 选项将表格页脚替换为您自己的元素：

var table = new Tabulator("#example-table", {
    footerElement:"<div class='table-footer><button>Custom Button</button></div>", //add a custom button to the footer element
});

查看Footer Element Documentation了解完整详情

或者，您可以通过将 .tabulator-footer 类设置为 display:none;

来使用一些 CSS 来隐藏表格页脚

【讨论】：