Node.js - Как создать html таблицы? - PullRequest
Новая
       7

Node.js - Как создать html таблицы?

0 голосов
/ 21 января 2020

Я пытаюсь создать таблицу html, используя node.js. Я отправлю данные JSON с сервера на страницу HTML. Затем я думаю о превращении этого JSON в таблицу, но я не смог запустить ни один из методов на inte rnet.

Мои проблемы в точности такие:

1- Моя таблица содержит различные css классы. Как добавить эти классы в таблицу, которую я создам с помощью Javascript?

2 - я хочу использовать шаблонизаторы, такие как PUG, E JS, но только для таблицы. Могу ли я встроить код PUG или E JS в обычную страницу html?

Короче говоря, какой самый простой способ динамически создать таблицу для node.js? (без потери дизайна css)

1 Ответ

0 голосов
/ 22 января 2020

Поскольку ваш вопрос очень общий c, я предполагаю некоторые вещи и предоставляю решение

Допустим, вы получаете массив 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>`);
}
...