Показать ссылки Javascript в таблице

0

Привет, я пытаюсь показать свои ссылки в таблице. Ссылки извлекаются из источника данных 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

  • 0
    Вы рассматривали возможность использования библиотеки шаблонов ??
  • 0
    Также colspan= не является допустимым атрибутом для таблицы. w3schools.com/tags/tag_table.asp
Показать ещё 4 комментария
Теги:

1 ответ

2

Я думаю, вам нужно сделать вещи намного проще, чем то, что у вас есть в вашей нынешней скрипке. Там много происходит, и вам не нужно так много делать, когда вы просто делаете 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.

  • 0
    Привет, Дейф. Спасибо за предоставленный пример. Я постараюсь включить ссылки в ваш базовый шаблон. Я просто новичок в Javascript, так что я посмотрю, как у меня получится
  • 0
    Deif Я пытался добавить ссылки, но они, кажется, не загружают содержание бренда? jsfiddle.net/volterony/5nW86
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню