基于layui框架实现批量导出table数据至excel

layui本身带有导出excel功能,直接用table的toolbar功能就会在table的工具栏有导出excel的图表(官方文档上有,这里就不再赘述)。

不过由于layui自身的导出excel是导出全部数据,不能根据复选框check的选择进行数据的导出.所以就引出了这篇文章,话不多说,上干货。

首先需要引入插件(下载地址:https://fly.layui.com/extend/excel/#download

在table页面的js中引用excel.js

exportExcel: function() {
			//获取复选框选中的数据
			var selectData = layui.table.checkStatus('agentList').data;
			console.log(selectData);
			//添加excel的表头
			selectData.unshift({
				name: '产品名称',
				address: '供应商',
				date: '主类别',
				category: '子类别',
				sort: '功能',
				sort1: '参数',
				sort2: '状态'
			});
			//selectData可以是和上面json一样的任何数据,可以通过ajax获取的
			//调用导出excel
			
			excel.exportExcel({
				sheet1: selectData
			}, '商品列表.xlsx', 'xlsx');
		}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值