下载最新版本的 js 和 css
    在表格中加上 page: true

    1. //执行渲染
    2. table.render({
    3. elem: '#test' //指定原始表格元素选择器(推荐id选择器)
    4. , height: "auto"
    5. // ,height: 600 //容器高度
    6. ,method: 'post'
    7. // ,where: {user_id: user_id}
    8. ,url: 'http://localhost/bishe_hd/admin/query_activity.php'
    9. ,page: true
    10. ,cols: [[ //标题栏
    11. {type:'checkbox', fixed: 'left'}
    12. ,{field: 'user_id', title: 'id', width: 80, fixed: 'left', sort: true}
    13. ,{field: 'activity_name', title: '活动标题', width: 120, sort: true}
    14. ,{field: 'activity_start_time', title: '开始时间', width: 120, sort: true}
    15. ,{field: 'activity_end_time', title: '结束时间', width: 120, sort: true}
    16. ,{field: 'activity_describe', title: '活动描述', width: 160}
    17. ,{field: 'activity_skin', title: '活动主题', width: 100, sort: true}
    18. ,{field: 'activity_color', title: '活动配色', width: 100, sort: true}
    19. ,{field: 'activity_float', title: '活动漂浮物', width: 160}
    20. ,{field: 'operation', title: '操作', width: 285, toolbar: '#barDemo', fixed: 'right'}
    21. ]] //设置表头
    22. ,limits: [10, 20],
    23. });

    然后前端会默认传过去两个参数,page(当前页),limit(允许展示多少条数据),然后后台,根据返回的这两个参数,进行查询,使用 limit 来限制查询
    第一个数字是从第几行开始,第二个数字是查询多少条数据

    1. SELECT * FROM activity LIMIT 0,10