时间戳

首页 > 解决方案 > Node.js - 如何创建 html 表？

javascript - Node.js - 如何创建 html 表？

问题描述

我正在尝试使用 node.js 创建一个 html 表。我会将 JSON 数据从服务器发送到 HTML 页面。然后我想把这个 JSON 变成一个表格，但我无法在互联网上运行任何方法。

我的问题正是这样的：

1- 我的表包含各种 css 类。如何将这些类添加到我将使用 Javascript 创建的表中？

2-我想使用像 PUG、EJS 这样的模板引擎，但只用于表格。我可以在普通的 html 页面中嵌入 PUG 或 EJS 代码吗？

简而言之，为 node.js 动态创建表的最简单方法是什么？（不丢失css设计）

标签： javascripthtmlnode.jspugejs

解决方案

由于您的问题非常笼统，我假设一些事情并提供解决方案

假设您从服务器获取 json 数组，如下所示

[
 {
  name:'John',
  surname:'Doe',
  age:25
 },
 {
  name:'Jane',
  surname:'War',
  age:21
 },
 {
  name:'Shane',
  surname:'Meyer',
  age:22
 }
]

您有如下 HTML

<table id="my_table">
  <tr>
    <th>Name</th>
    <th>Surname</th>
    <th>Age</th>
  </tr>
</table>

如下编写javascript以在表中添加行

forEach(let row in array) {
  $('#my_table').append(`<tr>
        <td>${row.name}</td>
        <td>${row.surname}</td>
        <td>${row.age}</td>
    </tr>`);
}

推荐阅读