使用 JS 创建表格的更快方法？

Question

我正在尝试使用 Fuse 创建 JSON 数据库的前端搜索。 Fuse 非常快，但我不知道如何快速地将表格写入 HTML。

我尝试过纯JS：

      for (row in resultsArray){
        dRow = resultsArray[row]
        table.innerHTML += "<tr>" + "<td>" + dRow["item"]["title_translit"] + "</td>" + "<td>" + dRow["item"]["translator"][0]["name_translit"] + "</td>" + "</tr>"
      }
      /*
      jQuery.each(resultsArray, function(idx, row) {
        table.innerHTML += "<tr>" + "<td>" + row["item"]["title_translit"] + "</td>" + "<td>" + row["item"]["translator"][0]["name_translit"] + "</td>" + "</tr>"
      })
      */
    };

以及 jQuery：

      jQuery.each(resultsArray, function(idx, row) {
        table.innerHTML += "<tr>" + "<td>" + row["item"]["title_translit"] + "</td>" + "<td>" + row["item"]["translator"][0]["name_translit"] + "</td>" + "</tr>"
      })

但是在这两种情况下，将字典数组（总共大约 2,000 行）写入 HTML 表都需要几秒钟的时间。有没有更快的方法来做到这一点？

Answer 1

也许您可以使用数据表插件并通过异步ajax调用加载数据，首先加载DOM，然后加载数据链接到文档