Проблема в footable при добавлении динамических данных

Мне нужна небольшая помощь в jQuery MobileFoo Table, Я добавляю данные динамически в таблицу.

HTML:

    <table id="tblSRNDetails" class="footable">
        <thead>
            <tr>
                <th data-class="expand">SRN</th>
                <th >Failure Date</th>  
                <th >Complaint Report Date</th>                 
                <th>Promised Date</th>  
                <th >Customer Name</th>
                <th >Log Time</th>
                <th >Create FSR</th>    
                <th  data-hide="phone,tablet">Days Open</th>        
                <th  data-hide="phone,tablet">SRN Allocated Time</th>   
                <th  data-hide="phone,tablet"> SRN Status</th>  
                <th  data-hide="phone,tablet"> ESN Number</th>  
                <th  data-hide="phone,tablet"> Request Type</th>    
                <th  data-hide="phone,tablet">Service Request Details</th>                          
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

JS код:

$("#page-id").live('pagebeforeshow', function() {
    console.log("Page before show");
    $("#tblSRNDetails > tbody tr").remove();
    for (var indx = 0; indx < 2; indx++ )
    {
        $("#tblSRNDetails > tbody").append("<tr>"+
        "<td>Name</td>"+
        "<td>failureDate</td>"+
        "<td>complaintReportDate</td>"+
        "<td>promisedDate</td>"+
        "<td>custName</td>"+
        "<td><a href='#'><b>Log Time</b></a></td>"+
        "<td><b>Create FSR</b></td>"+
        "<td>daysOpen</td>"+
        "<td>allocatedTime</td>"+
        "<td>srn_status</td>"+
        "<td>ESNNumber</td>"+
        "<td>requestType</td>"+
        "<td>customerComplaint</td>"+
        "</tr>");   
    }
    $('#tblSRNDetails').footable();
});

С этим FooTable применяется правильно, когда открывается в первый раз. Если я нажму на кнопку домашней страницы, вернусь и снова зайду на эту страницу, FooTable не будет применен должным образом.

Скриншот:

Итак, проблемы, с которыми я сталкиваюсь в это время, включают:

Скрытые поля показаны. (Означает, что Footable не применяется): эта проблема решается после двухкратного изменения ориентации в устройстве.

Первое поле больше не включает в себя кнопку «Расширение данных» (средство Footable не применяется):

Я думаю, что проблема в том, что я удаляю старые строки и добавляю новые. Я пытался, не давая удалить вызов. В то время старые строки отображались правильно. Недавно добавленные поля имели проблемы, как показано на скриншоте.

Может кто-то помочь мне с этим?

П.С .: Я отрисовываю это в Android Viewview. И та же проблема воспроизводится и в браузере.

Ответы на вопрос(3)

Ваш ответ на вопрос