colonne jqGrid ne sont pas alignés avec têtes de colonne

Question

J'utilise jqGrid 3.6.5 et IE8

Lors du réglage shrinkToFit: false les colonnes ne sont manifestement pas alignées avec les en-têtes de colonnes.
Si j'allume shrinkToFit: true le problème disparaît, mais je perds le dimensionnement absolu des colonnes.
Le redimensionnement des colonnes (en code ou dynamiquement par l'utilisateur) n'affecte pas ce problème.

Voir l'image pour illustration

alt text http://www.freeimagehosting.net/uploads/274ab94e4d.png

Answer 1

Comme vous pouvez le voir sur mon image originale (dans la question), je n'ai pas de frontières entre les colonnes de cellules. J'ai utilisé border-right-color: none
Cela semble être la raison. Je l'ai changé à border-right-color: White (pour faire correspondre la bordure avec la couleur de fond), et les colonnes sont maintenant parfaitement alignées avec les en-têtes de colonne.

Cela pourrait avoir été un problème avec IE spécifiquement, car il a fonctionné correctement sur Chrome, même avant le changement.

Answer 2

L'alignement des en-têtes de colonnes sont par défaut toujours 'centre' et independ l'option 'alignement' de la ColModel (voir http://www.trirand.com/jqgridwiki/doku.php?id=wiki:colmodel_options).

Vous pouvez modifier l'alignement des en-têtes de colonne avec la méthode que je décris3d dans Jquery JQGrid - How to set alignment of grid header cells?.

Je ne peux pas reproduire le problème avec shrinkToFit: false que vous avez décrit dans votre question. Quelle version de jqGrid utilisez-vous? Si vous postez un exemple de code qui reproduit le problème, je pourrais essayer de vous aider.

P.S. Probablement le CSS que vous utilisez dans votre exemple pourrait être aussi important. Si vous modifiez les marges de table, vous devez également modifier le paramètre cellLayout de jqGrid.