Html jquerymobile中的表

Html jquerymobile中的表,html,jquery-mobile,Html,Jquery Mobile,我想将类似表格的布局添加到我的页面。 单元格中的数据将动态地来自函数 $j.each(records, function() { $j('<tr></tr>') .hide() .attr('id',this.Id) .append('<td>' + this.PricebookEntryId+'</td> <td>'+this.Description +'</td> <td>'

我想将类似表格的布局添加到我的页面。

单元格中的数据将动态地来自函数

$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();
});
但是这创建了一个非常简单的表,它看起来不像上面的屏幕截图

我在文档中找不到这样的布局。任何指针都会有很大的帮助


谢谢

Jquery Mobile不包含表小部件,因此您的表不会在JQM UI中重新排序

选项: 1.从屏幕截图中自己开发所需的增强功能—看起来像是纯CSS 2.尝试使用我不久前使用JQM listview和
3.使用我正在处理的dataTabels版本示例。这看起来与2相同,但您拥有的所有功能都可用。

附加的代码看起来怎么样?看起来怎么样?实际输出和所需输出之间有什么区别?请查看编辑后的问题。你能在这里发布完整的代码吗/?