bootstrap table 复杂表头多层表头 导出excel(纯前端导出)

之前写过一篇关于layui table的复杂表头导出excel,里面需要根据layui生成的doom结构去自己重新渲染一遍页面,再控制其隐藏。之后使用插件来实现前端导出excel。
而如果用bootstrap table的话,就不用再自己去重新渲染表格doom。因为bootstrap table的渲染方式就是直接在页面table标签中生成doom,可直接使用该插件进行导出。

关于该插件的获取和使用,移步博客:layui 复杂表头前端导出excel

Tips:该插件的原理就是需要去读取下面这样的table结构里的数值,获取后拼接excel导出。
layui table并不会渲染成这样的doom结构。
而bootstrap table会渲染成这样的doom结构。

<table>
	<tr>
		<th></th>
		...
	</tr>
	<tr>
		<td></td>
		...
	</tr>
</table>

所以对于bootstrap table可以直接使用该插件,无需做其他的处理。

/**
 * 使用方法该js的方法(两行代码)
 */
let table2excel = new Table2Excel();
// 传入你的tableId即可导出
table2excel.export($('#tableId'), "your filename");

你可能感兴趣的:(Bootstrap)