本文共 703 字，大约阅读时间需要 2 分钟。

前端生成并导出表格+样式修改（只需一个插件，无需修改源码）

众所周知，一般表格生成都是后端的事情，但如果数据不是很多的表格其实前端生成并导出更简便，而前端生成并导出表格也只需要一个xlsx插件即可，并且导出的表格列宽等都可以通过几行代码调整，很简洁，调整样式并不需要像网上查到的那样下载xlsx-style插件，也不需要改什么源码，废话不多说，直接贴代码

1. yarn add xlsx
2. import XLSX from 'xlsx'
3. ⬇️

// 一.导出的表格名let dateVal = '标注工作量.xlsx'// 二.获取DOM上的表格并生成表格对象let workbook = XLSX.utils.table_to_book(document.getElementById('zsTable'))// 三.调整样式---下面我只是调整了前五列的宽度，其他的样式调整请参考https://www.npmjs.com/package/xlsxlet wscols = [	{
   wch:12},	{
   wch:10},	{
   wch:10},	{
   wch:10},	{
   wch:15}];// workbook.SheetNames[0]获取到到是文件里的到第一个表格workbook.Sheets[workbook.SheetNames[0]]['!cols'] = wscols// 四.导出表格try {
   	XLSX.writeFile(workbook, dateVal);} catch (e) {
   	console.log(e, workbook);}}

转载地址：http://eoqzi.baihongyu.com/