前端开源自定义报表luckysheet.js-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_45118394/article/details/109290101

前端开源自定义报表luckysheet.js

demo实例
在这里插入图片描述

代码片

此处增加保存、加载、导入、导出JS

功能配置参考
https://mengshukeji.github.io/LuckysheetDocs/guide/

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>


<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/css/pluginsCss.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/plugins.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/css/luckysheet.css' />
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/luckysheet/dist/assets/iconfont/iconfont.css' />
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/plugins/js/plugin.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luckysheet/dist/luckysheet.umd.js"></script>
</head>
<body>
	<div>
		<div style="float: left;">
			<!-- <button onclick="load()">加载</button> -->
			<button onclick="save()">保存</button>
		</div>

		<div style="float: right;">
			<input st