如何在使用制表符的输入框中显示和更新当前页码

Question

我正在尝试在输入框中显示当前页码作为占位符，问题是当用户转到另一个页面时，我不知道如何更新该值。这是我尝试过的：

    <input id="currentPage"/>
 document.getElementById("currentPage").placeholder = tabulator_table.getPage();

这里是question的第一部分这是sample

Answer 1

您要在表实例上使用pageLoaded回调。

[创建表时，需要添加pageLoaded的属性作为带有页码参数的函数。每次加载页面时都会触发此回调。

因此您将执行类似的操作，其中#table是表的元素ID，input是对输入元素的引用，在其中保留页码值。

  new Tabulator('#table', {
    ...tableOptions,
    pageLoaded: (pageNumber) => {
      input.value = pageNumber
    }
  });