ace admin jqGrid display horizontal scroll bar

 

Modify ace-1.4.0\assets\css\ace.css

.ui-jqgrid .ui-jqgrid-bdiv {
  border-top: 1px solid #E1E1E1;
  overflow-x: hidden;
}

for

.ui-jqgrid .ui-jqgrid-bdiv {
  border-top: 1px solid #E1E1E1;
  /* overflow-x: hidden; */
}

 

and can be modified,

ace-1.4.0\dist\css\ace.css\ace.min.css

Open with UE, open with Eclipse is easy to get stuck

 

If you don't want to change the style sheet of ace admin,

You can customize custom.css and configure it inside,

or configure it on the page

<style type="text/css">
.ui-jqgrid .ui-jqgrid-bdiv {
  border-top: 1px solid #E1E1E1;
  /* overflow-x: hidden; */
}
</style>

 

Other methods

强制移除和添加滚动条 (x/y)
$("#grid-table").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" }); 
$("#grid-table").closest(".ui-jqgrid-bdiv").css({ "overflow-y" : "hidden" }); 
$("#grid-table").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "scroll" }); 
$("#grid-table").closest(".ui-jqgrid-bdiv").css({ "overflow-y" : "scroll" });

 

refer to

Why can't the jqgrid of ace admin display the horizontal scroll bar?

https://q.cnblogs.com/q/94605/