bootstraptable数据填充与分页应用总结

发布时间：2023-03-16 18:15:51


BootStrap table 数据填充与分页应用总结
BootStrap table 是一个轻量级的table插件，使用AJAX获取JSON格式的数据，其分页和数据填充很方便，支持国际化。最近后台使用此插件做了一个表格应用，做个总结。
1.使用方法

可以通过又拍云提供的CDN获取js插件，样式表和国际化插件，或者直接去官网下载。将下面的js插件和样式放到html head 头里即可使用。
//样式
"http://cdn.bootcss.com/bootstrap-table/1.9.1/bootstrap-table.min.css" rel="stylesheet"/> script src="http://cdn.bootcss.com/bootstrap-table/1.9.1/bootstrap-table.min.js">script> //国际化，表格汉化
script src="http://cdn.bootcss.com/bootstrap-table/1.9.1/locale/bootstrap-table-zh-CN.min.js">script>123456 2.table 数据填充


BootStrap table获取数据有两种方式，一是通过table 的data-url属性指定数据源，而是通过JavaScript初始化表格时指定url来获取数据，如下示例。
"table" data-url="data.json">

...



12345 $('#table'.bootstrapTable({ url: 'data.json'
}; 123 第二种方式交第一种而言在处理复杂数据时更为灵活，一般使用第二种方式来进行table数据填充。
var $table = $('#table'; $table.bootstrapTable({

bootstraptable数据填充与分页应用总结

推荐内容

相关推荐