交互与前端16 Tabulator 表格实践4

最新推荐文章于 2024-08-10 07:26:25 发布

yukai08008

最新推荐文章于 2024-08-10 07:26:25 发布

阅读量333

点赞数

分类专栏：前端文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/yukai08008/article/details/128028424

版权

本文介绍了如何使用前端表格库Tabulator实现分页和添加超链接功能。通过简单的配置，表格即可具备分页能力，便于数据浏览。同时，通过超链接可以直接访问相关文档，提升用户体验。此外，还探讨了未来可能的扩展，如多标签页展示，以适应更复杂的交互场景。

摘要由CSDN通过智能技术生成

说明

继续给表格来加一些小功能。

内容

1 分页

在表格初始化的地方加两行配置，表格就实现了分页

    pagination:true, //enable.
    paginationSize:20, // this option can take any positive integer value

在这里插入图片描述

2 超链接

这个需求的来源是，一些微服务需要注释，所以我写了很多文档，同步到了es里面，然后通过web显示。但是因为平时会需要随机的打开某个文档，去模糊搜索相对还是麻烦了些。

另外考虑到有很多步骤的样例说明等，可以想象，随时在表格边打开一个链接会很方便。

        {title:"Document", field:"document_url",editor:MyCellEdit02, formatter:"link", formatterParams:{
                                // label:'点击打开',
                                labelField:"document_url",
                                urlPrefix:"http://",