javascript - 使用 Tabulator 分页的所需页面
问题描述
我正在使用制表符,我需要添加将您带到所需页面的输入框。如果您有 10 页并且想要转到第 9 页,您只需输入 9 并按 Enter。此功能在 DataTables 中可用,这里是一个示例 ,那么如何使用 Tabulator 执行此操作?谢谢你
解决方案
根据@nrayburn-tech 的回答,我修改了一些内容以使输入框显示在制表符页脚中。
//CSS
#test {
color:black;
text-align: center;
position:center;
}
.jumpTo{
width:30px;
height:10px;
}
//JS
$(".tabulator-footer").append("<div id='test'><input class='jumpTo' title='insert number to jump to a page'></input></div>");
document.getElementById("test").addEventListener('change', (event) => {
if (isNaN(event.target.value)) {
return;
}
tabulator_table.setPage(Number(event.target.value));
})
十分感谢