Shulou(Shulou.com)05/31 Report--

Most people do not understand the knowledge points of this article "how to remove the scroll bar in datagrid in jquery", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how to remove the scroll bar in jquery" article.

Setting method: 1, open the "jquery.easyui.min.js" file; 2, modify "var _ 64f=wrap.width ();" to "var _ 64f=wrap.width () + 20;"; 3, set the height of 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 var _ 64f=wrap.width (); this line of code

Modify it to ar _ 64f=wrap.width () + 20;

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

The vertical scroll bar will not appear and the height will be adapted according to the queried data.

Examples are as follows:

Open the jquery.easyui.min.js file and find wrap.width (); change the location to wrap.width () + 20; it can be done, or by modifying css, find:

Class= "panel datagrid easyui-fluid"

Class= "datagrid-wrap panel-body panel-body-noheader", subtract the width attribute by 20, and 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"

Subtract the width attribute by 20. Screenshot after modification:

The above is about the content of this article on "how to remove the scroll bar from datagrid in jquery". I believe we all have some understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.