使用bootstraptable导出excel提示文件名跟格式不匹配问题

时间:2024-03-16 09:52:48

导出提示

使用bootstraptable导出excel提示文件名跟格式不匹配问题

导出默认的xls格式的表格,修改导出xlsx格式的表格。
引入js:

  • bootstrap-table-export.min.js(bootstrap-table - v1.11.1)
  • xlsx.core.min.js
  • FileSaver.min.js
  • tableExport.js(Version 1.10.2)
    下载位置1
    下载位置2

TableExport插件依赖于jQuery(1.2.1+),FileSaver.js。为了支持.xlsx(Office Open XML SpreadsheetML Format)格式,你必须在 FileSaver.js 和 TableExport.js文件之前引入xlsx-core.js文件。为了使旧的浏览器(Firefox < 20, Opera < 15, Safari < 6)支持.xlsx,需要在 FileSaver.js 文件之前引入 Blob.js文件。


参考原文:https://blog.csdn.net/ssshen14/article/details/78183201

导出效果

使用bootstraptable导出excel提示文件名跟格式不匹配问题
使用bootstraptable导出excel提示文件名跟格式不匹配问题

导出设置参考:https://blog.csdn.net/u012796085/article/details/79819508

    showExport: true,                     //是否显示导出按钮
    exportTypes:['csv', 'txt', 'sql', 'doc', 'excel', 'xlsx', 'pdf'],           //导出文件类型
    exportDataType: "basic",             //basic当前页', 'all所有, 'selected'.
    exportOptions: {
            ignoreColumn: [0,1],  //忽略某一列的索引
            fileName: '用户信息报表',  //文件名称设置
            worksheetName: 'sheet1',  //表格工作区名称
            tableName: '用户信息报表',
            excelstyles: ['background-color', 'color', 'font-size', 'font-weight']
        },