响应式表格在填充时失去响应能力

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