Как создать таблицу через JavaScript для HTML?

Question

[Рустем Сайфуллин]

Пытаюсь создать таблицу через js, но все складывается в один столбец.

Код js:

$.each(responseJson, function (index, flights) {
                        $("<tr>").appendTo($table)
                            .append($("<td>").text("first"))
                            .append($("<td>").text("second"))
                            .append($("<td>").text("third"))
                            .append($("<td>").text("four"))
                            .append($("<td>").text("five"))
                    });

Код HTML:

<table id="tableDiv">
        <tr>
            <th>Взлет</th>
            <th>Приземление</th>
            <th>Город</th>
            <th>Терминал</th>
            <th>Статус</th>
        </tr>
    </table>

Comments

[Орхан Гасанлы]

А причем тут тег Java?

Answer 1

[lUser L]

- У вас структура таблицы не правильная
- обратные кавычки`` позволяют разделять строку на части. следовательно можешь писать хтмл без тысячи append, и использовать переменные без конкатенации: ${tut_peremennaya}
https://codepen.io/5h4dy_s/pen/KKMeZdK?editors=1010

Comments

[Рустем Сайфуллин]

спасибо