Привет, я пытаюсь показать свои ссылки в таблице. Ссылки извлекаются из источника данных JSON, и я хочу просто отображать названия брендов в тегах td. Цель состоит в том, чтобы:
<table border="1" colspan="5">
<tr><td>Nike</td><td>Puma</td><td>etc</td><td>etc</td><td></td><td></td></tr>
</table>
Мне также нужны строки для увеличения, поскольку список ссылок будет расти!
Вот скрипка: http://jsfiddle.net/volterony/5nW86/
Volterony
Я думаю, вам нужно сделать вещи намного проще, чем то, что у вас есть в вашей нынешней скрипке. Там много происходит, и вам не нужно так много делать, когда вы просто делаете HTML. Я изменил ваш jsfiddle, и вы можете видеть, что я строю HTML динамически.
var company, link, html = "<tr>", cols = 4, currentCol = 1;
for (company in brand) // Loop through each item in the array
{
if (currentCol > cols) { // Make sure we only have 4 columns
currentCol = 1; // Reset the current column if we go over that
html += "</tr><tr>"; // Stop the previous row and start a new one
}
html += "<td>" + company + "</td>"; // Add the current item to the table
currentCol++; // Increment the column count for the next loop
}
html += "</tr>";
document.getElementById('table').innerHTML = html; // Append the html with our dynamically created html
Теперь основы сделаны, вы должны иметь возможность добавлять любые недостающие части к базовому шаблону, который я предоставил (например, добавление ссылок привязки и т.д.). Иногда использование document
API может быть немного сложным и излишним, когда вы сами можете написать HTML.
colspan=
не является допустимым атрибутом для таблицы. w3schools.com/tags/tag_table.asp