jqGrid表格高度按照内容自动变化无法阻止水平方向的滚动条

场景说明

jqGrid初始化时就设置了的高度可能相对于需要填写的数据太高，留下很多不必要的空白，所以最好将表格给设置填写一行就自动增高一行。将grid的高度设置为"auto"，但是水平方向会出现滚动条。

解决方法

尝试代码

<table id="incomegrid" style="overflow: hidden;"></table>

但是还是不能阻止水平方向的滚动条出现，查了很多资料，使用了以下方法就可以了

$("#incomegrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });

同理，如果想阻止竖直方向的滚动条，

$("#incomegrid").closest(".ui-jqgrid-bdiv").css({ "overflow-y" : "hidden" });

反之，如果想强制显示滚动条，

$("#incomegrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "scroll" });

$("#incomegrid").closest(".ui-jqgrid-bdiv").css({ "overflow-y" : "scroll" });

最终结果示意图