如何在网页上分成好几页显示数据?

2016-10-11 14:03:08 +08:00
 starvedcat

比如我现在一共有 100 行数据,我想做一个高度为 20 行的表格,再加上翻页按钮,来展示这些数据。这100条数据是在整个页面载入的时候从数据库中读取出来的,而不是每次点击翻页的时候读取20行的。

我还希望,这个分页显示,是通过 js 和 css 来实现的,也就是说,这个 table 本身是 100 行的,只是通过 js 和 css 让它每页只显示 20 行,同时可以翻页。这样用户就可以很方便地自定义每页显示多少行了

不用说太细,提供几个关键词就好,谢谢各位高手!

1560 次点击
所在节点    前端开发
5 条回复
kamal
2016-10-11 14:27:31 +08:00
关键词就用 js+分页 ?
SoloCompany
2016-10-11 14:39:38 +08:00
datagrid jquery
meszyouh
2016-10-11 14:57:41 +08:00
不考虑框架的情况下。可以把获得数据以数组方式储存起来,用 slice 来提取数据渲染表格
jugelizi
2016-10-11 15:08:59 +08:00
不就是 datatable 吗
https://www.datatables.net/
starvedcat
2016-10-11 22:57:59 +08:00
感谢 ls 各位 最后我用了这个: https://github.com/wenzhixin/bootstrap-table-examples

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/311878

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX