您的位置:首页 > Web前端 > BootStrap

bootstrap-table的导出数据功能的使用,以及导出中文时无效的问题(点击无效)。

2017-03-16 16:34 1021 查看
原文网址:http://www.cnblogs.com/chaoxiyouda/p/5336602.html

我用的是rapido那个demo。

一、先说导出中文无效的问题:

主要是assets\plugins\下的tableExport插件包不好使,换我这个就行了。

插件下载地址:
http://download.csdn.net/detail/chaoxiyouda/9476468
当然如果图省事可以直接下载demo,demo下载地址:
http://download.csdn.net/detail/chaoxiyouda/9508475
二、使用的话分三步(以导出excel为例):

1.导入相关js:

<script src="assets/plugins/tableExport/tableExport.js"></script>
<script src="assets/plugins/tableExport/jquery.base64.js"></script>


2.TableExport初始化:

<script>
jQuery(document).ready(function () {
TableExport.init();
});
</script>


如果这么初始化不好用的话可以尝试将TableExport.init();这句写在相关操作请求成功之后(例如ajax请求的success之后)。

3.导出按钮上添加export-excel的class,要导出的表格的id写在data-table的#后:

<button type="button" class="export-excel btn btn-primary btn-xs" data-table="#nav_table">导出Excel</button>


三、导出结果如下图(Excel和Word):





内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐