欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ace admin jqGrid 显示横向滚动条

程序员文章站 2022-06-16 09:38:16
...

 

修改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/