Bootstrap表格和栅格分页实例详解

Bootstrap表格和栅格分页实例详解

拼接table请将以下代码直接运行：换下

bootstrap.css jquery-1.12.3.min.js bootstrap-paginator.min.js"

数据列表

结果

注意

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.detail == null ? "没有对应描述" : item.detail.substring(, )) + '

});

后台获取的数据格式

{

"pageCount": 2,

"CurrentPage": 1,

"list": [

{

"id": 23,

"title": "印刷业治安管理信息系统",

"detail": "专利号：ZL 222222高工作效率，提升工作品质。"

},

{

"id": 20,

"title": "重点单位来访人员管理系统",

"detail": "专利号：ZL 233形，提高工作效率，提升工作品质。"

}

]

}

以上所述是给大家介绍的Bootstrap表格和栅格分页实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。