Pourquoi jqGrid affiche-t-il une barre de défilement horizontale dans Chrome et comment puis-je y remédier ?

jqGrid dans Chrome : problème de barre de défilement horizontale

Vous pouvez rencontrer une barre de défilement horizontale dans jqGrid malgré le dimensionnement correct des colonnes et le conteneur de grille dans Chrome . Ce problème survient en raison d'une inadéquation entre la largeur calculée et la largeur réelle rendue de la grille.

Solution

Le correctif implique de modifier le code jqGrid pour incorporer un plus calcul précis de la largeur de la grille. Cela inclut :

1. En ligne isSafari = $.browser.webkit || $.browser.safari ? true : false;, remplacez-le par :

   isSafari = ($.browser.webkit || $.browser.safari) && parseFloat($.browser.version)<536.5 ? true : false; // Chrome < version 19

2. Dans les fonctions showHideCol et setGridWidth, remplacez toutes les instances de $.browser.webkit||$.browser.safari par ($.browser. kit Web || $.browser.safari) && parseFloat($.browser.version)<536.5.
3. Vous pouvez également utiliser une nouvelle méthode cellWidth qui a été introduite dans les versions ultérieures de jqGrid pour garantir des largeurs de cellules précises.

Considérations mises à jour

Les versions plus récentes de Chrome utilisent différentes versions de WebKit. Pour Chrome 20 ou version ultérieure, utilisez parseFloat($.browser.version)<536.11 au lieu de parseFloat($.browser.version)<536.5.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!