Отзывчивая таблица теряет отзывчивость при заполнении

Question

У меня есть мобильная таблица JQuery Mobile. При изменении размера окна браузера появляется больше/меньше столбцов, поэтому все работает нормально. http://jsfiddle.net/BamBamm/fe4ppftm/1/

<table data-role="table" data-mode="columntoggle" class="ui-responsive" id="customerTable"> 
    <thead> 
    <tr> 
     <th data-priority="6">customer ID</th> 
     <th>Customer name</th> 
     <th data-priority="1">First name</th> 
     <th data-priority="2">Address</th> 
     <th data-priority="3">City</th> 
     <th data-priority="4">PostalCode</th> 
     <th data-priority="5">Country</th> 
    </tr> 
    </thead> 
    <tbody id="customerTableBody"> 
    <tr> 
     <td>10801</td> 
     <td>Some name</td> 
     <td>Some firt name</td> 
     <td>Some address</td> 
     <td>London</td> 
     <td>123456</td> 
     <td>United Kingdom</td> 
    </tr> 
    </tbody> 
</table> 

Когда я пытаюсь заполнить таблицу динамически, хотя, ответная таблица не реагирует больше при изменении размера браузера. Я заполнение таблицы с помощью установки HTML кода тела таблицы: http://jsfiddle.net/BamBamm/e2ukzy5z/1/

tableBody = "<tr><td>10801</td> <td>Some name</td> <td>Some firt name</td> <td>Some address</td> <td>London</td> <td>123456</td> <td>United Kingdom</td> </tr>"; 
$('#customerTableBody').html(tableBody); 

Что я должен сделать, чтобы сделать эту работу?

Answer 1

Думаю, вам нужно вызвать Refresh после добавления новых строк.

$ ('# customerTable') стол ("обновить")

https://github.com/jquery/jquery-mobile/issues/5570