Eu preciso de uma ajudinha no jQuery MobileFoo Table. Estou adicionando dados dinamicamente em uma tabela.

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>

código 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();
});

Com este FooTable é aplicado corretamente quando aberto pela primeira vez. Se eu clicar no botão da página inicial e voltar e voltar a essa página, a FooTable não será aplicada corretamente.

Captura de tela:

Então, os problemas que estou enfrentando nessa época incluem:

Campos ocultos são mostrados. (Significa Footable não é aplicado): este problema é resolvido depois de alterar a orientação no dispositivo para duas vezes.

O primeiro campo não inclui mais o botão Expandir dados (significa que não é aplicado):

Acho que o problema é que estou removendo as linhas antigas e adicionando novas. Eu tentei sem dar remover chamada. Naquela época, as linhas antigas estavam sendo exibidas corretamente. Campos recentemente adicionados estavam tendo problemas, como mostrado na captura de tela.

alguém poderia me ajudar com isso?

P.S: Estou processando isso na visualização da Web do Android. E o mesmo problema é reproduzido no navegador também.