jquery-mobile - jquery mobile中的表格视图实现

Question

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

谢谢纳文

Answer 1

抱歉，上次发帖。我没有完全看到图像。

对于您发布的图像，您可以在 a中使用controlgroupand 。这是一个示例h1data-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"在按钮上使用控制组。有关更多信息，请转到此处： 按钮，标题

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

编辑

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

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