Excel 至 HTML table

Excel to HTML table

我是网络编程的新手，我从事的第一个项目是一个允许用户查看来自 Excel 文件（每天更新）的信息的网站。我开始在 Youtube 教程和这个库 https://github.com/SheetJS/js-xlsx.

的帮助下将 Excel 文件转换为 JSON

我有要转换为对象的信息，但我不知道如何使用它在网站中显示 table。有什么建议吗？

这是我当前的代码：

/* set up XMLHttpRequest */
  var url = "Teste.xlsx";
  var oReq = new XMLHttpRequest();
  oReq.open("GET", url, true);
  oReq.responseType = "arraybuffer";

  oReq.onload = function(e) {
    var arraybuffer = oReq.response;

    /* convert data to binary string */
    var data = new Uint8Array(arraybuffer);
    var arr = new Array();
    for (var i = 0; i != data.length; ++i) arr[i] = String.fromCharCode(data[i]);
    var bstr = arr.join("");

    /* Call XLSX */
    var workbook = XLSX.read(bstr, {
      type: "binary"
    });

    /* DO SOMETHING WITH workbook HERE */
    var first_sheet_name = workbook.SheetNames[0];
    //var address_of_cell = 'A1';
    /* Get worksheet */
    var worksheet = workbook.Sheets[first_sheet_name];
    XLSX.utils.sheet_to_json(worksheet);

  }

  oReq.send();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!doctype html>
<html>

<head>
  <title>Test</title>
  <script src="xlsx.full.min.js"></script>

</head>

<body>
</body>

</html>

认为你把事情复杂化了一点。

Excel 文件可以导出为 html 文件，或者您可以 EMBED excel 文件到 html以多种方式归档。

  1. 您可以使用 office online 创建实时 excel 文件 创建 excel 文件后，转到 File 菜单，然后选择 共享 。使用生成的 HTML.

    2. 嵌入

  2. 如果您不局限于 excel，您也可以使用带有 "Google Sheets" document created with the data and choose the "Publish to the web" option in the sheet; an embedded google sheet 的 iframe 将更新以反映更新。

  3. 如果您真的很着急，可以使用 Tableizer 之类的工具将您的文件转换为 HTML table，但我不建议将其作为学习工具。 （供日后参考）

希望对您有所帮助

有一个开放源代码转换 script/system 可用：https://sourceforge.net/projects/excel-sheet-to-html-table/

可用于快速生成 html table（带有搜索和过滤选项）。