luckysheet 生成 json 转换 HTML

Luckysheet是一款基于Web的在线电子表格工具，它可以将电子表格数据导出成JSON格式，然后通过JavaScript解析该JSON数据并将其渲染成HTML表格。以下是一个简单的例子：

假设我们有以下电子表格数据：

| | A | B | C |
|---|---|---|---|
| 1 | 1 | 2 | 3 |
| 2 | 4 | 5 | 6 |
| 3 | 7 | 8 | 9 |

将其导出成JSON格式如下：

{
  "data": [
    ["1", "2", "3"],
    ["4", "5", "6"],
    ["7", "8", "9"]
  ],
  "header": ["A", "B", "C"],
  "index": [1, 2, 3]
}

然后我们可以使用JavaScript将其解析并渲染成HTML表格：

const data = {
  "data": [
    ["1", "2", "3"],
    ["4", "5", "6"],
    ["7", "8", "9"]
  ],
  "header": ["A", "B", "C"],
  "index": [1, 2, 3]
};

const table = document.createElement('table');
const thead = document.createElement('thead');
const tbody = document.createElement('tbody');

// 渲染表头
const trHeader = document.createElement('tr');
data.header.forEach((headerText) => {
  const th = document.createElement('th');
  th.innerText = headerText;
  trHeader.appendChild(th);
});
thead.appendChild(trHeader);

// 渲染表格数据
data.data.forEach((rowData, rowIndex) => {
  const tr = document.createElement('tr');
  const indexTd = document.createElement('td');
  indexTd.innerText = data.index[rowIndex];
  tr.appendChild(indexTd);
  rowData.forEach((cellData) => {
    const td = document.createElement('td');
    td.innerText = cellData;
    tr.appendChild(td);
  });
  tbody.appendChild(tr);
});

table.appendChild(thead);
table.appendChild(tbody);

document.body.appendChild(table);

以上代码将生成一个HTML表格，其内容为：

| | A | B | C |
|---|---|---|---|
| 1 | 1 | 2 | 3 |
| 2 | 4 | 5 | 6 |
| 3 | 7 | 8 | 9 |

希望这个例子对你有所帮助！