ace admin jqGrid 显示横向滚动条

 

修改ace-1.4.0\assets\css\ace.css

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

为

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

 

并可修改，

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

用UE打开，用Eclipse打开容易卡死

 

如果不想改ace admin的样式表，

可以自定义custom.css，在里边配置，

或者在页面里配置

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

 

其他方法

强制移除和添加滚动条 (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" });

 

参考

ace admin 的jqgrid为什么显示不出横向滚动条？

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