首页 > 解决方案 > 使用 Tabulator 分页的所需页面

问题描述

我正在使用制表符,我需要添加将您带到所需页面的输入框。如果您有 10 页并且想要转到第 9 页,您只需输入 9 并按 Enter。此功能在 DataTables 中可用,这里是一个示例 ,那么如何使用 Tabulator 执行此操作?谢谢你

标签: javascripttabulator

解决方案


根据@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));
                })

十分感谢


推荐阅读