2010-06-04 4 views
0

jqGrid émet ce code html pour une cellule alignée à gauche - mais il est trop difficile à la gauche et touche les lignes de la grille:JQuery JQGrid - comment CSS droite/gauche aligner sans toucher les lignes de la grille?

<td title="P-1" class="grid-text" style="text-align: left; width: 92px;" 
    role="gridcell">some text content</td> 

Comment puis-je le style que pour qu'il y ait un espace petit peu sur la main gauche côté?

J'ai essayé:

.grid-text { 
    text-align: left; 
    margin-left: 4px; // padding-left didnt work either 
} 

Mais il est encore difficile à gauche.

Et de l'autre côté, le texte aligné à droite a aussi le même problème: dur contre le droit et en touchant la ligne de grille

<td title="1.37" class="grid-number" style="text-align: right; width: 55px;" 
    role="gridcell">1.37</td> 

Et enfin, lors de l'édition en ligne de la boîte d'entrée est également difficile à droite et touche les lignes:

<td title="14.00" class="grid-number" style="text-align: right;" role="gridcell"> 
    <input type="text" style="width: 98%;" maxlength="20" id="2_qty" name="qty" 
      class="editable"></td> 

Y at-il quelque chose que je peux faire pour résoudre ce problème? De préférence avec un joli petit peu de CSS?

Répondre

1

Avez-vous essayé d'ajouter !important à votre rembourrage-gauche?

Avez-vous une page que nous pouvons regarder?

+0

J'ai essayé! Important - mais il a dû être en même temps que j'essayais marge-gauche. "padding-left: 1px! important" semble avoir fonctionné, il suffit de vérifier toutes mes grilles maintenant –

+0

Merci semble bien, et semble fonctionner dans tous les navigateurs aussi (lignes de grille sont quelques px dans IE7, mais cela pourrait être différent problème). Réponse acceptée, solution agréable et facile. –

+0

Bien! Heureusement, cela a fonctionné, et vous pourriez vouloir utiliser un hack CSS pour IE7: http://webdevelopment.kerryjones.net/css/browser-specific-css/ –

Questions connexes