基於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');
		}

 

發佈了30 篇原創文章 · 獲贊 6 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章