如何使用Bootstrap-table扩展

第一步
下载官方例子https://github.com/wenzhixin/bootstrap-table-examples ,如果不想下载,直接找到extensions目录,打开相应的html文件也可以
第二步
打开Bootstrap-table扩展例子的官方网站http://issues.wenzhixin.net.cn/bootstrap-table/#extensions/export.html ,这里以导出表格的例子为例,利用浏览器调试功能找到需要导入的js库,按F12进入浏览器调试功能,

如何使用Bootstrap-table扩展_第1张图片

一般为bootstrap-table.js后面几个库,同时看库的名称也能看得出来,export扩展功能为bootstrap-table-export.js和tableExport.js。怎么得到这两个库呢?直接复制js代码,然后保存到本地。
第三步
导入相应js库,并通过html参数开启相应功能,在官方例子extensions目录下,相应的html文件中有相应的开启功能,以export为例,只需要在table标签中添加 就可以
如何使用Bootstrap-table扩展_第2张图片

你可能感兴趣的:(如何使用Bootstrap-table扩展)