2010-03-25 5 views
1

J'essaie d'ajouter la grille jquery à mon site. (CodeIgniter php)Aide sur les grilles css et jquery

Il charge les données très bien, mais la grille finit par regarder terrible .. Je ne sais pas beaucoup sur .... css Heres une image de ce que Im obtenir

alt text

Répondre

0

Ick. Avez-vous inclus ui.jqgrid.css dans votre page?

, vous pouvez également utiliser Firebug pour inspecter les différents éléments jqGrid sur votre page - il est peu probable mais peut-être il y a un conflit entre le CSS de la votre application et le CSS utilisé par jqGrid?

+0

c'est exactement le cas .... Je supprimé (avec firebug) les deux barres latérales et la grille sont apparues très bien ... heres le modèle Im en utilisant http://www.freecsstemplate.net/template-preview/template21.html Des idées sur comment je peux le faire réparer? – ignaciofuentes

+0

Vous pourriez essayer d'enlever un morceau à la fois pour essayer de dépister le problème ... –

0

Mettre la grille dans une div avec largeur et overflow: hidden:

<div style="width:100%;overflow:hidden;"> 
</div> 

Exemple:

<div style="width:25%;float:left;background-color:yellow;"> 
    <p> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec est ipsum, condimentum non bibendum nec, viverra nec nulla. 
    </p> 
</div> 
<div style="margin-left:25%;background-color:green;"> 
    <div style="width:100%;overflow:hidden"> 
     <div style="clear:both;"> 
      <p> 
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec est ipsum, condimentum non bibendum nec, viverra nec nulla. 
      </p> 
     </div> 
    </div> 
</div> 

Voir aussi: http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html