jquery mobile中的表视图实现

Question

你好我是初学者，我需要使用jquery mobile实现表视图。你能提供一些有标题的表视图的例子。

由于 Naveen

Answer 1

抱歉，上一篇文章。我没有看到图像。

对于您提供的图片，您可以在controlgroup h1内使用data-role="header"和div。这是一个样本

 <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"。有关详细信息，请转到此处：for buttons，for headers

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

修改

添加style="text-align:left;margin-left: 10px;"内联就可以了。如果你要将这些样式添加到css文件，请在样式之后使用!important;来阻止jQM过度编写它。

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