电子表格在线编辑JavaScript插件

最新推荐文章于 2024-09-11 16:02:59 发布

转载最新推荐文章于 2024-09-11 16:02:59 发布 · 358 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yy123.ink/frontDetail/975

文章标签：

#javascript #前端 #java #css3

网站模版专栏收录该内容

3170 篇文章

订阅专栏

文章介绍了一个纯JavaScript库，该库用于在网页上创建具有Excel样式的表格。用户可以加载数据并定义样式，如单元格颜色、边框和合并单元格。示例代码展示了如何创建和操作表格数据。

下载地址

一个纯JavaScript库用于生成一个Excel和电子表格样式的web表格。加载数据的方式const myData = [{ name: "sheet-test-1", freeze: "B3", styles: [ { bgcolor: "#f4f5f8", textwrap: true, color: "#900b09", border: { top: ["thin", "#0366d6"], bottom: ["thin", "#0366d6"], right: ["thin", "#0366d6"], left: ["thin", "#0366d6"], }, }, ], merges: [ "C3:D4", ], rows: { 1: { cells: { 0: { text: "testingtesttestetst" }, 2: { text: "testing" }, }, }, 2: { cells: { 0: { text: "render", style: 0 }, 1: { text: "Hello" }, 2: { text: "haha", merge: [1, 1] }, } }, 8: { cells: { 8: { text: "border test", style: 0 }, } } }, }, { name: "sheet-test" } ]创建新的电子表格const mySpreadSheet = new Spreadsheet(document.getElementById("demo")).loadData(myData);保存数据mySpreadSheet.change(data => { });