Добавление строк динамически HTML-таблицы без каких-либо строк

Question

Я использую это, чтобы добавить строку динамически в таблице:

$('#myTable tr:last').after('<tr><td>1</td><td>a</td></tr>'); 

, но это не похоже на работу, если таблица не имеет записей:

<table id="myTable" class="altTable"> 
    <thead> 
     <tr> 
      <th> 
       Col1 
      </th> 
      <th> 
       Col2 
      </th> 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 

Что было бы правильным выбором здесь, чтобы добавить строку, которая будет работать, если существует 0 или> 0 строк?

Answer 1

Попробуйте это ...

$("<tr><td>1</td><td>a</td></tr>").appendTo("#myTable tbody"); 

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

Если TBODY тег не будет присутствовать без каких-либо строк уже есть, то вы могли бы сделать это ...

if ($("#myTable tbody").length > 0){ 
    $("<tr><td>1</td><td>a</td></tr>").appendTo("#myTable tbody"); 
} 
else{ 
    $("<tbody><tr><td>1</td><td>a</td></tr></tbody>").appendTo("#myTable"); 
} 

Answer 2

if(!$('#myTable tbody').length) 
{ 
    $('#myTable').append($('<tbody>')); 
} 

$('#myTable tbody').append('<tr><td>1</td><td>a</td></tr>');