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

2022-01-09 05:22:41

原文网址：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）：

码农公寓