How to remove scroll bars from datagrid in jquery

Setting method: 1. Open the "jquery.easyui.min.js" file; 2. Change "var _64f=wrap.width();" to "var _64f=wrap.width() 20; "; 3. Set the height of the datagrid to auto.

The operating environment of this tutorial: windows10 system, jquery3.2.1 version, Dell G3 computer.

How to remove the scroll bar from datagrid in jquery

Open jquery.easyui.min.js

Search for the line of code var _64f=wrap.width();

Modify it to ar _64f=wrap.width() 20;

In addition, if the height of the datagrid in the foreground is set to auto

, the vertical scroll bar will not appear, and according to the query The data adaptive height is

The example is as follows:

##Open jquery.easyui.min.js file, find the location of wrap.width();, change it to wrap.width() 20;, or complete it by modifying the css, find:

class="panel datagrid easyui-fluid"

class="datagrid-wrap panel-body panel-body-noheader", reduce the width attribute by 20. At this time, the scroll bar is no longer displayed, but it is best to modify the style of the following class:

class="datagrid-view"

class="datagrid-view2"

class="datagrid-header"

class="datagrid-body"

class="datagrid-footer"

Decrease the width attribute by 20. Screenshot after modification:

Recommended related video tutorials:

jQuery video tutorial

The above is the detailed content of How to remove scroll bars from datagrid in jquery. For more information, please follow other related articles on the PHP Chinese website!