BootStrapTable的TableExport数据导出插件的使用

TableExport数据导出插件的使用

要想实现表格数据的导出，我们可以使用bootstrap的扩展插件Table Export来实现我们的需求。
即：bootstrap-table-export.js

由于数据导出功能是BootStrapTable的功能的扩展，而且插件依赖于tableExport.jquery.plugin中的tableExport.js。

关于tableExport.jquery.plugin详情可查看：tableExport github地址

该插件可实现多种数据文件格式的导出：

但需要注意的是：
1. js文件导入顺序：

2.依赖问题：注意依赖最低版本号

开始使用

1.导入所对应js，尤其注意顺序：tableExport.js在上，bootstrap-table-export.js在下。

关于${ctxPath}，模板引擎beetl中含有的参数，具体请看beetl文档。beetl官方文档

5. 测试数据导出

以CSV格式为例：选择下拉框数据导出方式，选择导出数据类型

6. 导出数据多余”on”列处理

将生成文件保存后打开：

发现多余的数据列：on

解决方案：这就用到上述为提到的一个表格配置参数：exportOptions

打开bootstrap-table-export.js，定位到exportOptions，添加下述代码即可解决。

$.extend($.fn.bootstrapTable.defaults, {
        showExport: false,
        exportDataType: 'basic', // basic, all, selected
        // 'json', 'xml', 'png', 'csv', 'txt', 'sql', 'doc', 'excel', 'powerpoint', 'pdf'
        exportTypes: ['json', 'xml', 'csv', 'txt', 'sql', 'excel'],
        exportOptions: {
            // 导出数据去除第一列出现"on"
            ignoreColumn: [0]
        }
    });

7.关于导出文件命名问题

导出文件的命名不设置会采取默认的：tableExport.xxx命名，这个也是可以变更的。

坐标：tableExport.js

8.导出表格数据科学计数法问题

坐标：tableExport.js