Bootstrap之导出Excel表格

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

一.导包

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

下载地址：

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

二.导出Excel

表格

  1. <!--  bootstrap-table -->
  2. <table id="tableGrid" data-height="488" data-mobile-responsive="true">
  3.  </table>

初始化加入

  1. TableExport.init();

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

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

导出

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

(2) 默认绑定事件

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

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

发表评论

表情：
评论列表 （有 0 条评论，74人围观）

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

相关阅读

    相关 Java导出Excel表格

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

    青旅半醒青旅半醒/ 0 赞/ 465 阅读

    相关 Excel表格导出

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

    梦里梦外;梦里梦外;/ 0 赞/ 621 阅读