博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap-table 数据导出excel格式
阅读量:6040 次
发布时间:2019-06-20

本文共 1188 字,大约阅读时间需要 3 分钟。

hot3.png

我们经常会需要将表格的数据导出excel格式,bootstrap-table有个导出的扩展插件

首先引入四个js文件

<script src="../../plugins/tableExport.jquery.plugin-master/libs/FileSaver/FileSaver.min.js"></script>

<script src="../../plugins/tableExport.jquery.plugin-master/libs/js-xlsx/xlsx.core.min.js"></script>
<script src="../../plugins/tableExport.jquery.plugin-master/tableExport.js"></script>  
<script src="../../plugins/tableExport.jquery.plugin-master/bootstrap-table-export.js"></script>  

在table里设置属性data-export-types="['excel']"

下面是js

$(document).ready(function(){

     $('#tableTest1').bootstrapTable('resetView');
     $('#tableTest1').bootstrapTable('destroy').bootstrapTable({  
            
            showExport: true,//显示导出按钮  
            exportDataType: "all",//导出类型    
        }); 
    })

这样就可以导出全部数据

如果在表格的上面可以选择基本导出(在分页的情况导出当前页)和全部导出

需要在table上面加

      <div id="toolbar">

            <select class="form-control">
              <option value="">单页导出</option>
                <option value="all">导出全部</option>
                </select>
        </div>

下面的js改成如下:

$(document).ready(function(){

     $('#tableTest1').bootstrapTable('resetView');
     var $table = $('#tableTest1');
        $('#toolbar').find('select').change(function () {
            $table.bootstrapTable('destroy').bootstrapTable({
                exportDataType: $(this).val()
            });
        });
    })
 

转载于:https://my.oschina.net/u/2612473/blog/896777

你可能感兴趣的文章
我的友情链接
查看>>
Javascript中的异步如何实现回调
查看>>
halcon算子介绍
查看>>
挖掘你不知道的windowsxp中的带宽潜能
查看>>
Software Engineering 招聘要求
查看>>
【转载】InstallAnyWhere自动化制作安装包的知识
查看>>
69、iSCSI共享存储配置实战
查看>>
文本编程
查看>>
乔布斯走了。你还期待苹果吗?
查看>>
优先级
查看>>
Tomcat与Web服务器、应用服务器的关系
查看>>
用DFS实现全排列 & 八皇后问题
查看>>
深度学习博客
查看>>
Android总结篇系列:Android Service
查看>>
Android dumpsys命令的使用
查看>>
Linux Kernel系列一:开篇和Kernel启动概要
查看>>
BZOJ 2756: [SCOI2012]奇怪的游戏 网络流/二分
查看>>
master + worker模式的node多核解决框架——node-cluster
查看>>
Android如何实现超级棒的沉浸式体验
查看>>
使用node打造自己的命令行工具方法教程
查看>>