Проблема в footable при добавлении динамических данных
Мне нужна небольшая помощь в jQuery MobileFoo Table, Я добавляю данные динамически в таблицу.
HTML:
SRN
Failure Date
Complaint Report Date
Promised Date
Customer Name
Log Time
Create FSR
Days Open
SRN Allocated Time
SRN Status
ESN Number
Request Type
Service Request Details
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(""+
"Name"+
"failureDate"+
"complaintReportDate"+
"promisedDate"+
"custName"+
"<a href="#">Log Time</a>"+
"Create FSR"+
"daysOpen"+
"allocatedTime"+
"srn_status"+
"ESNNumber"+
"requestType"+
"customerComplaint"+
"");
}
$('#tblSRNDetails').footable();
});
С этим FooTable применяется правильно, когда открывается в первый раз. Если я нажму на кнопку домашней страницы, вернусь и снова зайду на эту страницу, FooTable не будет применен должным образом.
Скриншот:
Итак, проблемы, с которыми я сталкиваюсь в это время
Скрытые поля показаны. (Означает, что Footable не применяется): эта проблема решается после двухкратного изменения ориентации в устройстве.
Первое поле небольше не включать кнопку «Расширить данные» («Средство Footable» не применяется):
Я думаю, что проблема в том, что я удаляю старые строки и добавляю новые. Я пытался, не давая удалить вызов. В то время старые строки отображались правильно. Недавно добавленные поля имели проблемы, как показано на скриншоте.
Может кто-то помочь мне с этим?
П.С .: Я отрисовываю это в Android Viewview. И та же проблема воспроизводится и в браузере.