Javascript thead DOM перезаписывает первую строку данных

Question

Я строю таблицу динамически, и когда я вставляю заголовок, один из результатов отсутствует.Это должно быть:

| header 1 | header 2 |
| data | data |
| data | data |

Но выглядит как:

| header 1 | header 2 |
| data | data |

Если я удаляю часть thead, все отображается правильно.

Часть кода.

    for (var i = gymLinks.length - 1; i >= 0; i--) {
      //capture URL
      var url = gymLinks[i].substr(0, 106);
      //capture app version
      var appVersion = gymLinks[i].substr(108, 111);
      //Creating the table
      var table = document.getElementById("myTable");
      //create table header 
      var theader = table.createTHead (0);
      theader.innerHTML = '<tr><th>Gym Link</th><th>Version</th></tr>';              
      var row = table.insertRow(1);
      var cell1 = row.insertCell(0);
      var cell2 = row.insertCell(1);
      //creating table elements
      linkElement = document.createElement("a");
      linkElement.setAttribute("href", url);
      var linkText = document.createTextNode(url);
      //linkElement.append(linkText);
      cell1.innerHTML = '<a href="' + url + '">' + linkElement + "</a>";
      cell2.innerHTML = appVersion;
    }
  });

Answer 1

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

var row = table.insertRow(1);

Answer 2

Благодаря Эми и Фробинсону комбинация того, что они предложили, сделала это.

Я переместил это за пределы цикла

    var theader = table.createTHead (0);
    theader.innerHTML = '<tr><th>Gym Link</th><th>Version</th></tr>';  

Обновлен:

      var row = table.insertRow(1);

Answer 3

может быть, это поможет вам?

шанс

for (var i = gymLinks.length - 1; i >= 0; i--)

до

for (var i = 0 ; i <= gymLinks.length - 1; i++)

и попробуй ...

  var row = table.insertRow(i); or i+1??