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

来源:互联网 发布:iphone6导出视频mac 编辑:程序博客网 时间:2024/05/20 10:52

原文网址: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):

0 0
原创粉丝点击