如何使用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扩展》

一般为bootstrap-table.js后面几个库,同时看库的名称也能看得出来,export扩展功能为bootstrap-table-export.js和tableExport.js。怎么得到这两个库呢?直接复制js代码,然后保存到本地。

第三步

导入相应js库,并通过html参数开启相应功能,在官方例子extensions目录下,相应的html文件中有相应的开启功能,以export为例,只需要在table标签中添加
<table data-show-export="true" >就可以

《如何使用Bootstrap-table扩展》

    原文作者:FrYng
    原文地址: https://www.jianshu.com/p/c9ab150bea80
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞