将jqGrid行高设置为低于23px

Question

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

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

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

任何较低的值，并且对html的检查显示该行的高度为21px，顶部和底部有1px边框。

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

谢谢， 杰罗姆

Answer 1

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

查看显示的the demo

我使用了以下CSS：

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

确切的结果可能取决于您使用的其他formetter。例如，具有formatter: 'checkbox'的列可见的相同网格（请参阅here）看起来，特别是在IE中，不那么紧凑：

它与原始网格（参见the demo）：

有任何关系

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

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

请参阅here。

Answer 2

在jQGrid文件中添加以下css样式作为样式标记

之间的内部样式

<style>
.ui-jqgrid tr.jqgrow td{height:40px;}
</style>

并关注link to customize grid height, width, font size and font family。