jQuery Mobile中的表视图实现

你好，我是初学者，我需要使用jQuery Mobile实现表格视图。你可以提供一些带有标题的表格视图的例子。

谢谢纳文

---

对不起，最后一篇文章。 我没有看到图像。

对于你放置的图像，你可以在data-role="header" div使用一个controlgroup和h1 。 这是一个示例

 <div data-role="page">
  <div data-role="header" data-theme="b">
     <h1 class="ui-title" role="heading" id="hdr">My Cases</h1>
    <div class="ui-btn-right" id="addbuttons" data-role="controlgroup" data-type="horizontal"> <a href="#" data-role="button" data-inline="true" data-iconpos="notext" data-icon="gear" data-theme="b">Edit</a> //add extra buttons here
    </div>
</div> 

使用control-group类型的容器将把你的按钮封装到一个单独的实体中，并允许更多的灵活性。 如果你不想在控件组上使用按钮上的data-inline="true" 。 欲了解更多信息，请点击这里：按钮，标题

演示：http://jsfiddle.net/hungerpain/W7NcY/5/

编辑

添加style="text-align:left;margin-left: 10px;" 内联可以做到这一点。 如果您将这些样式添加到css文件，请使用!important; 之后的风格，以防止jQM写过。

演示：http://jsfiddle.net/hungerpain/W7NcY/7/

链接地址: http://www.djcxy.com/p/65379.html

上一篇: Table view implementation in jquery mobile

下一篇: JQuery mobile table column not wrap to Vertical like example