将jqGrid行高设置为低于23px

Question

我知道这里有关于如何设置行高的问题.我已经阅读过它们并完成了他们的建议,但它们都没有解决我想要解决的问题.我的用户希望立即在网格上看到更多数据.所以,我试图将行高改为15px.

jqGrid忽略任何低于23px的行高.传入的高度值为23或更大时,以下代码有效:

self.grid.setRowData(row[self.keyColumn], false, { height: cssRowHeight });

任何更低的,并检查html显示该行的高度为21px,顶部和底部有一个1px边框.

所以我的问题是,如何将jqGrid行高设置为低于23px的值？

谢谢,杰罗姆

Answer 1

这是个好问题!我认为对其他用户来说会很有趣.

看看显示的演示

我使用了以下CSS:

.ui-jqgrid tr.jqgrow td { height: 15px; }

确切的结果可能取决于您使用的其他formetters.例如,formatter: 'checkbox'具有可见列(参见此处)的相同网格看起来,特别是在IE中,不那么紧凑:

它以任何方式与原始网格更紧密(参见演示):

如果你需要减少具有组合框的行的大小,例如你必须使用额外的CSS

.ui-jqgrid tr.jqgrow td { height: 15px; padding-top: 0px;}
.ui-jqgrid tr.jqgrow td input { padding: 0px; height: 11px; width: 11px; }

看到这里.