V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
starvedcat

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

  •  
  •   starvedcat · Oct 11, 2016 · 2048 views
    This topic created in 3499 days ago, the information mentioned may be changed or developed.

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

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

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

    Supplement 1  ·  Oct 11, 2016
    最后我用了这个: https://github.com/wenzhixin/bootstrap-table-examples
    真的很好用!
    5 replies    2016-10-11 22:57:59 +08:00
    kamal
        1
    kamal  
       Oct 11, 2016   ❤️ 1
    关键词就用 js+分页 ?
    SoloCompany
        2
    SoloCompany  
       Oct 11, 2016   ❤️ 1
    datagrid jquery
    meszyouh
        3
    meszyouh  
       Oct 11, 2016 via Android   ❤️ 2
    不考虑框架的情况下。可以把获得数据以数组方式储存起来,用 slice 来提取数据渲染表格
    jugelizi
        4
    jugelizi  
       Oct 11, 2016   ❤️ 1
    不就是 datatable 吗
    https://www.datatables.net/
    starvedcat
        5
    starvedcat  
    OP
       Oct 11, 2016
    感谢 ls 各位 最后我用了这个: https://github.com/wenzhixin/bootstrap-table-examples
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5671 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 07:54 · PVG 15:54 · LAX 00:54 · JFK 03:54
    ♥ Do have faith in what you're doing.