2012-06-03 62 views
0

我想將表格添加到我的頁面中。 enter image description herejquery mobile中的表格

單元格中的數據將從函數動態獲得。

$j.each(records, function() { 
    $j('<tr></tr>') 
    .hide() 
    .attr('id',this.Id) 
    .append('<td>' + this.PricebookEntryId+'</td> <td>'+this.Description +'</td> <td>'+this.ListPrice+'</td>') 
    .appendTo('#productTable') 
    .show(); 
}); 

但是這創造了一個非常簡單的表格,它看起來並不像上面的截圖中

enter image description here

,我無法找到docs.Any指針這樣的佈局將有很大的幫助。

感謝

+0

附加代碼的外觀如何? – 2012-06-03 07:32:38

+0

它看起來怎麼樣?實際產出和期望產出之間有什麼區別? –

+0

請看編輯的問題 – vishesh

回答

0

jQuery Mobile的不包含表構件,這樣你的表將不會在JQM UI renedered。

選項:
1.開發所需的增強自己(從你的截圖它看起來像只純CSS)使用tableview原料的例子,我做了,而以前使用JQM ListView和一個Responsive Table Pattern by Filament
2.嘗試。使用我正在處理的dataTabels版本(例如here)。這看起來與(2)相同,但是您可以使用datatables的所有功能。