拼接table请将以下代码直接运行:换下
bootstrap.css jquery-1.12.3.min.js bootstrap-paginator.min.js"
产品列表
| TB - Monthly | // | Approved | |
| TB - Monthly | // | Approved |
结果
注意
1,bootstrap3 分页器id为#example的必须是 ul标签,2,在js中option中bootstrapMajorVersion :3
1,bootstrap2 分页器id为#example的必须是 div标签,2,在js中option中bootstrapMajorVersion :2
分页源码中说明:
延伸说明
上面我是拼接的表格,你可以拼接成栅格布局,是不是更吊?
拼接栅格示范
$.each(eval("(" + data + ")").list, function (index, item) {
$("#list").append('
' + item.title + '
by @mdo
' + (item.detail == null ? "没有对应描述" : item.detail.substring(, )) + '
')
});
后台获取的数据格式
{
"pageCount": 2,
"CurrentPage": 1,
"list": [
{
"id": 23,
"title": "印刷业治安管理信息系统",
"detail": "专利号:ZL 222222高工作效率,提升工作品质。"
},
{
"id": 20,
"title": "重点单位来访人员管理系统",
"detail": "专利号:ZL 233形,提高工作效率,提升工作品质。"
}
]
}
以上所述是小编给大家介绍的Bootstrap表格和栅格分页实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持!



