layui,导出带样式的excel

此贴必火^_ _^
引入了layui的扩展插件
效果图
layui,导出带样式的excel_第1张图片
代码

layui.config({
			base: './js/libs/'
		})
layui.use(['excel','jquery'],function(){
			$=layui.$;
			$('#btn').click(exportStyleDemo);
		})
function exportStyleDemo() {
			var excel = layui.excel;
			var data = [
				{ 
					sex: {
						v: '男',
						s: {
							font: { 
								sz: 14, 
								bold: true,
								color:{ 
									rgb: "0000ff" 
								},
							},
							fill: {
								fgColor: {
									rgb: "00ff00" ,
								},
							},
							alignment: {
								horizontal: 'center',
								vertical: 'center'
							}
						}
					},
					'score': 100, 'start': '2019-03-11',
				},
				{sex: '女ggg', 'score': '411403198908118788', 'start': '2019-03-11' },
				{sex: '女1', 'score': 411403198908118788, 'start': '2019-03-11' }
			];
			// 3. 单元格样式优化为正方形
			var colConfig = excel.makeColConfig({
				'A': 150,
				'B': 150,
				'I': 150
			}, 80);
			var rowConfig = excel.makeRowConfig({
				1: 150,
				9: 40
			}, 40);
			var mergeConfig = excel.makeMergeConfig([
				['A2','A3'],
				['C1','C2']
			]);
			excel.exportExcel(data, '批量设置样式.xlsx', 'xlsx', {
				extend: {
					'!cols': colConfig,
					'!rows': rowConfig,
					'!merges': mergeConfig
				}
			});
		}

附上源码
点我下载

你可能感兴趣的:(js)