Maison >interface Web >tutoriel CSS >Pourquoi jqGrid affiche-t-il une barre de défilement horizontale dans Chrome et comment puis-je y remédier ?

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

Linda Hamilton
Linda Hamiltonoriginal
2024-12-28 15:41:51916parcourir

Why Does jqGrid Show a Horizontal Scrollbar in Chrome, and How Can I Fix It?

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Site Web multipageArticle suivant:Site Web multipage