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

How to show and update current page number in an input box palceholder Using Tabulator

我试图在输入框中显示当前页码作为占位符问题是当用户转到另一个页面时我无法弄清楚如何更新该值。 这是我尝试过的:

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

这是的第一部分 这里是sample

您想在 table 实例上使用 pageLoaded 回调。

在创建table时,您需要为pageLoaded添加一个属性作为一个带有页码参数的函数。每次加载页面时都会触发此回调。

这是一个工作示例,https://jsfiddle.net/nrayburn/w68d75Lq/1/

所以你会做这样的事情,其中​​ #table 是 table 的元素 id,input 是对你保留页码值的输入元素的引用.

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