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/

猜你喜欢

转载自happyqing.iteye.com/blog/2410219
ACE
今日推荐