html - jquery mobile中的表格

Question

我想在我的页面中添加类似布局的表格。

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

$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();
});

但这会创建一个非常简单的表格，它看起来不像上面的屏幕截图

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

谢谢

Answer 1

Jquery Mobile 不包含表格小部件，因此您的表格不会在 JQM UI 中重新呈现。

选项：
1. 自己开发所需的增强功能（从您的屏幕截图来看，它看起来只是纯 CSS）
2. 尝试使用我不久前使用 JQM 列表视图和Filament 的响应表模式做的tableview原始示例 3. 使用 dataTabels 版本 I '正在工作（例如这里）。这看起来与 (2) 相同，但您拥有可用的数据表的所有功能。