2013-06-13 3 views

Répondre

2

Désolé vers le dernier message. Je n'ai pas vraiment vu l'image.

Pour l'image que vous avez mis en place, vous pouvez utiliser un controlgroup et h1 dans un data-role="header"div. Voici un exemple

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

L'utilisation d'un conteneur de type control-group enveloppera ur boutons en une seule entité et permet une plus grande souplesse. Si vous ne voulez pas utiliser le groupe de contrôle, utilisez data-inline="true" sur les boutons. Pour plus d'informations, rendez-vous ici: for buttons, for headers

Démo: http://jsfiddle.net/hungerpain/W7NcY/5/

EDIT

ajoutant style="text-align:left;margin-left: 10px;" en ligne fait l'affaire. Si vous ajoutez ces styles à un fichier css, utilisez !important; après le style pour empêcher jQM de l'écrire.

Démo: http://jsfiddle.net/hungerpain/W7NcY/7/

+0

Comme le montre la figure il montrent une première tête? –

+0

Comment montrer l'en-tête "Mon cas" avec trois boutons. –

+0

@NaveenSharma vérifier ma réponse mise à jour. J'ai vu la table et j'ai commencé à taper du code pour une table – krishgopinath