下载最新版本的 js 和 css
在表格中加上 page: true
//执行渲染
table.render({
elem: '#test' //指定原始表格元素选择器(推荐id选择器)
, height: "auto"
// ,height: 600 //容器高度
,method: 'post'
// ,where: {user_id: user_id}
,url: 'http://localhost/bishe_hd/admin/query_activity.php'
,page: true
,cols: [[ //标题栏
{type:'checkbox', fixed: 'left'}
,{field: 'user_id', title: 'id', width: 80, fixed: 'left', sort: true}
,{field: 'activity_name', title: '活动标题', width: 120, sort: true}
,{field: 'activity_start_time', title: '开始时间', width: 120, sort: true}
,{field: 'activity_end_time', title: '结束时间', width: 120, sort: true}
,{field: 'activity_describe', title: '活动描述', width: 160}
,{field: 'activity_skin', title: '活动主题', width: 100, sort: true}
,{field: 'activity_color', title: '活动配色', width: 100, sort: true}
,{field: 'activity_float', title: '活动漂浮物', width: 160}
,{field: 'operation', title: '操作', width: 285, toolbar: '#barDemo', fixed: 'right'}
]] //设置表头
,limits: [10, 20],
});
然后前端会默认传过去两个参数,page(当前页),limit(允许展示多少条数据),然后后台,根据返回的这两个参数,进行查询,使用 limit 来限制查询
第一个数字是从第几行开始,第二个数字是查询多少条数据
SELECT * FROM activity LIMIT 0,10