Table view implementation in jquery mobile

2018-06-23 07:36:33

在这里输入图像描述

Hello i am beginner , i need to implement table view using jquery mobile .can you please provide some example of table view having header .

Thanks Naveen

Sorry abt the last post. I didnt quite see the image.

For the image you've put up, you could use a controlgroup and h1 inside a data-role="header" div . Here's a sample

 <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>

Using a control-group type container will wrap ur buttons into a single entity and allows for more flexibility. if you dont want to use control group use data-inline="true" on the buttons. For more info, go here : for buttons,for headers

Demo : http://jsfiddle.net/hungerpain/W7NcY/5/

EDIT

adding style="text-align:left;margin-left: 10px;" inline does the trick. if you're adding these styles to a css file use !important; after the style to stop jQM from over writing it.

Demo : http://jsfiddle.net/hungerpain/W7NcY/7/

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

上一篇: 嵌套表问题在jQuery的移动

下一篇: jQuery Mobile中的表视图实现