bootstrap表格导出（tableExport）

最新推荐文章于 2019-06-17 16:25:00 发布

gejy007

最新推荐文章于 2019-06-17 16:25:00 发布

阅读量2.5k

点赞数 1

分类专栏： js bootstrap 文章标签： javascript table导出 tableExport bootstrap-table导出

本文链接：https://blog.csdn.net/gejy007/article/details/81110171

版权

js 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

bootstrap

1 篇文章 0 订阅

订阅专栏

引入jquery和tableExport插件，以及bootstrap-table需要的插件。

在bootstrap-table已经生成的条件下

$('#datagrid').bootstrapTable({

             url:'……',

             method: "POST",  //或GET，视情况而定

             contentType: 'application/json',

             dataType: 'json',

             ……  //其他配置项

        });

获取“导出”按钮的id值

<a id="export">导出</a> <!-- 其他标签也可以 -->

click事件中，获取table标签的id值

<table id="datagrid"></table>

点击“导出”

$("#export").click(function(){

          $('#datagrid').tableExport({

           type: 'excel', //导出文件格式

           escape: 'false',

           fileName: 'tableExport',  //导出Excel的名称

           ignoreColumn: [0,1] //删除第0，1列

           ……  //其他配置项（可不要）

         })

     })

下面附上能快速打开的参考文档和 tableExport 下载链接

https://www.bootcdn.cn/TableExport/readme/

https://github.com/hhurz/tableExport.jquery.plugin