Блог

Главная - Вопросы по программированию - динамическое создание таблицы для данных

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

#jquery #dynamic

#jquery #динамическое

Вопрос:

привет, друзья, как я могу сделать этот пример динамическим?

пожалуйста, посмотрите на эту картинку

http://s28.postimg.org/w2ff9w4ul/Ads_z.png

Я сделал это, но не совсем закончил работу. Спасибо

 total 50 static count , Names are changing only

 var firstNames = ["Andrew", "Nancy", "Shelley", "Regina", "Yoshi", "Antoni", "Mayumi", "Ian", "Peter", "Lars", "Petra", "Martin", "Sven", "Elio", "Beate", "Cheryl","Michael","Guylene","George","michael","Elio","Sven","Ian","Martin","Yoshi","Guyline","Regina","Beate","Lars","Shelly","Elio","Petra","Cherly","Peter","Antoni","Steven","Adriana","Neomi","Brad","Anthony","Lary","Pit","Adriana","Norton","Daniel","Stefany","Pit","Ivan","Alicia","Demi"];




for (var j = 0; j < 5; j  ) { // 5 rows

            dynamicTable  = '<tr>';

            for (var n = 0; n < 10; n  )  // 10 cell
            { 
                var name = firstNames[0];// What index should I give here?

                dynamicTable  = '<td>';

                dynamicTable  = '<div id=' name '>';

                dynamicTable  ="<input type='checkbox' value='" name "'>name</input>";

                dynamicTable  = '</div>';

                dynamicTable  = '</td>';
            }
            dynamicTable  = '</tr>';

        }

        dynamicTable  = '</table>';
        $('#top-panel').append(dynamicTable);

Комментарии:

1. Что именно не работает ?

2. var name = firstNames[0];// Какой индекс я должен указать здесь? Я не знаю, как связать данные.. В каждой ячейке необходимо добавить имя

3. firstNames[(j * 10 n)];

4. большое вам спасибо u_mulder

Ответ №1:

Вам просто нужен счетчик, который устанавливает индекс.

 var dynamicTable;
var counter = 0;
var firstNames = ["Andrew", "Nancy", "Shelley", "Regina", "Yoshi", "Antoni", "Mayumi", "Ian", "Peter", "Lars", "Petra", "Martin", "Sven", "Elio", "Beate", "Cheryl","Michael","Guylene","George","michael","Elio","Sven","Ian","Martin","Yoshi","Guyline","Regina","Beate","Lars","Shelly","Elio","Petra","Cherly","Peter","Antoni","Steven","Adriana","Neomi","Brad","Anthony","Lary","Pit","Adriana","Norton","Daniel","Stefany","Pit","Ivan","Alicia","Demi"];

for (var j = 0; j < 5; j  ) { // 5 rows
  dynamicTable  = '<tr>';
  for (var n = 0; n < 10; n  )  // 10 cell
  { 
    var name = firstNames[counter];// What index should I give here?
    counter  ;
    dynamicTable  = '<td>';
    dynamicTable  = '<div id=' name '>';
    dynamicTable  ="<input type='checkbox' value='" name "'>"   name   "</input>";
    dynamicTable  = '</div>';
    dynamicTable  = '</td>';
  }
  dynamicTable  = '</tr>';
}
dynamicTable  = '</table>';
$('#top-panel').append(dynamicTable);