Comment supprimer les barres de défilement de la grille de données dans jquery

WBOY
Libérer: 2022-05-12 10:25:44
original
2129 Les gens l'ont consulté

Méthode de configuration : 1. Ouvrez le fichier "jquery.easyui.min.js" ; 2. Remplacez "var _64f=wrap.width();" par "var _64f=wrap.width()+20;" 3. , définissez la hauteur de la grille de données sur auto.

Comment supprimer les barres de défilement de la grille de données dans jquery

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment supprimer les barres de défilement de la grille de données dans jquery

Ouvrez jquery.easyui.min.js

Recherchez var _64f=wrap.width(); cette ligne de code

changez-la en ar _64f=wrap.width( )+20; C'est tout

De plus, si la hauteur de la grille de données au premier plan est réglée sur auto

, la barre de défilement verticale n'apparaîtra pas, et la hauteur sera adaptative en fonction des données interrogées

An L'exemple est le suivant :

Comment supprimer les barres de défilement de la grille de données dans jquery

Ouvrez le fichier jquery easyui.min.js, recherchez l'emplacement de wrap.width();, remplacez-le par wrap.width()+20;, ou complétez-le par en modifiant le CSS, recherchez :

class="panel datagrid easyui-fluid"

class="datagrid-wrap panel-body panel-body-noheader", réduisez l'attribut width de 20. A ce moment, la barre de défilement est n'est plus affiché, mais il est préférable de modifier le style de la classe suivante :

class="datagrid-view"

class="datagrid-view2"

class="datagrid-header"

class="datagrid -body"

class="datagrid-footer"

Diminuez l'attribut width de 20. Capture d'écran après modification :

Comment supprimer les barres de défilement de la grille de données dans jquery

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal