在使用bootstrap-table导出excel时遇到了问题:第一列显示为on

使用bootstrap-table自带的导出excel时,页面第一列为复选框,如图:

此时导出的excel会多出一列,且值为on,如图:


解决办法如下,直接上代码:

exportOptions : {
    ignoreColumn: [0],
    fileName : '航班动态监控',
    worksheetName : '航班动态监控',
    tableName : '航班动态监控·'
}

只需要在导出的设置项里面添加属性ignoreColumn: [0],表示导出时忽略第一列,重新运行后完美导出,如图:

 

码字不易,转载请注明出处!

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要在Bootstrap Table导出Excel,你可以使用一些插件或库来实现这个功能。以下是使用两个常用的库来导出Excel的方法: 1. 使用TableExport插件: - 首先,在你的HTML页面中引入TableExport插件和相应的依赖文件。 ```html <script src="https://cdn.jsdelivr.net/npm/tableexport@5.0.0/dist/js/tableexport.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/xlsx/dist/xlsx.full.min.js"></script> ``` - 然后,在你的Bootstrap Table上添加一个导出按钮,并给它一个唯一的ID。 ```html <button id="export-btn" class="btn btn-primary">导出Excel</button> ``` - 最后,在JavaScript代码中使用TableExport来初始化并绑定导出按钮的点击事件。 ```javascript $(document).ready(function() { $('#export-btn').click(function() { $('#your-table-id').tableExport({ type: 'excel', escape: 'false' }); }); }); ``` 这里的`#your-table-id`是你的Bootstrap Table的ID,你需要将其替换为你实际使用的ID。 2. 使用SheetJS库: - 首先,在你的HTML页面中引入SheetJS库。 ```html <script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script> ``` - 然后,在JavaScript代码中创建一个导出函数,并绑定到一个按钮的点击事件上。 ```javascript function exportToExcel() { var wb = XLSX.utils.table_to_book(document.getElementById('your-table-id')); XLSX.writeFile(wb, 'exported_data.xlsx'); } $(document).ready(function() { $('#export-btn').click(function() { exportToExcel(); }); }); ``` 这里的`#your-table-id`是你的Bootstrap Table的ID,你需要将其替换为你实际使用的ID。 通过以上两种方法之一,你可以将Bootstrap Table导出Excel文件。记得将`#your-table-id`替换为你实际使用的ID,并根据需要修改导出文件的名称和格式。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值