Динамическое создание ячеек таблицы на основе шаблона на основе данных

Question

Как динамически создавать ячейки таблицы на основе набора данных?Требуется ли для этого Javascript / ajax?Можно ли использовать шаблон div для ячеек?

Просто ищу направление.

Answer 1

Если вы хотите динамически создавать ячейки таблицы, вам нужно манипулировать DOM, поэтому вам нужен Javascript.

Пример, который добавит новую строку в таблицу:

var table = document.getElementById('[tablebodyelement]'),
    row = document.createElement('tr'),
    data = ["cell1", "cell2", "cell3"];

for(var i=0; i<row.length; i++){
  var cell = document.createElement('td');
  td.appendChild(document.createTextnode(row[i]));
  row.appendChild(td);
}

table.appendChild(row);