Bootstrap之导出Excel表格

ゝ一世哀愁。 2023-06-18 10:58 20阅读 0赞

### 一.导包 ###

<script src="static/js/plugin/table_export/table-export.js"></script>
    <script src="static/js/plugin/table_export/tableExport.js"></script>
    <script src="static/js/plugin/table_export/jquery.base64.js"></script>
    <script src="static/js/plugin/table_export/main.js"></script>

下载地址：

> 链接：https://pan.baidu.com/s/1EqsqvNPQvGQEUj7mnd8l\_w  
> 提取码：i86p

### 二.导出Excel ###

表格

<table id="tableGrid" data-height="488" data-mobile-responsive="true">
     </table>

初始化加入

TableExport.init();

(1) 通过点击事件自定义导出Excel

<button class="btn btn-default" type="button" onclick="outExcel()" >导出Excel
    </button>

导出

function outExcel() {       
            $('#tableGrid').tableExport({ 
                type: 'excel',
                escape: 'true',
                fileName: 'Excel统计表',  //导出Excel的名称
                ignoreColumn: [0, 1] //删除第0，1列
            })
        }

(2) 默认绑定事件

<button class="export-excel btn btn-default" data-table="#tableGrid"  type="button"  >导出Excel
    </button>

注意：需要申明calss属性 export-excel 以及绑定data-table即表格table的id

发表评论取消回复

表情：

评论列表（有 0 条评论，20人围观）

还没有评论，来说两句吧...

相关阅读

相关 Bootstrap之导出Excel表格

一.导包 <script src="static/js/plugin/table_export/table-export.js"></script> <s

ゝ一世哀愁。/ 2023年06月18日 10:58/ 0 赞/ 21 阅读

相关 Bootstrap实现的Table表格导出Excel插件

[下载地址][Link 1]使用Bootstrap实现的Table表格导出Excel插件，默认设置表格数据，支持表格文字内容和表头项目搜索，一键导出表格excel文件操作功能。

深碍√TFBOYSˉ_/ 2022年09月09日 06:14/ 0 赞/ 271 阅读

相关 [nodejs]excel表格导出

要达到的效果： ![excel导出][excel] 说明：点击导出按钮，实现表格的excel导出。使用的插件： nodeExcel = require(‘e

「爱情、让人受尽委屈。」/ 2022年06月03日 04:08/ 0 赞/ 422 阅读

相关 Java导出Excel表格

基本操作步骤一个Excel文件对应一个workbook，一个workbook对应多个sheet，一个sheet由多行和列组成（raw，cell），为们用poi要导出一个

青旅半醒/ 2022年05月14日 11:30/ 0 赞/ 401 阅读

相关 Excel表格导出

1.查询出满足条件的数据： //查询数据 List<WayBill> wayBills = wayBillService.findAll(model); 2

我就是我/ 2022年05月12日 04:16/ 0 赞/ 359 阅读

相关 JXL导出Excel 表格

/ 导出Excel表格 @param request 请求 @param response 响应

叁歲伎倆/ 2022年02月01日 04:55/ 0 赞/ 456 阅读

相关 JAVA导出EXCEL表格

链接：[https://www.cnblogs.com/gudongcheng/p/8268909.html][https_www.cnblogs.com_gudongchen

淩亂°似流年/ 2022年01月31日 01:13/ 0 赞/ 493 阅读

相关 Excel表格导出

开发工具与关键技术：MVC 作者：文泽钦撰写时间：2019年5月25日员工数据导出到excel表格，导出前要对数据处理，因为一个项目可以导出的数据比较多，在导出前

梦里梦外;/ 2022年01月27日 06:21/ 0 赞/ 545 阅读

相关 Angularjs 导出excel表格

//导出excel表 $scope.exportOrder = function () { $scope.datetime.startTime=

￡神魔★判官ぃ/ 2021年12月23日 17:41/ 0 赞/ 523 阅读

相关 easyexcel导出Excel表格

easyexcel相比较poi不是一套成熟的框架，但是开发快捷方便，不耗内存，速度快，是alibaba的开源框架，用起来十分简单：整个excel表是一个workbook，下

柔情只为你懂/ 2021年12月01日 14:04/ 0 赞/ 664 阅读