jqGrid - 使用 RTL 时谷歌浏览器中的列填充问题

Question

我使用 jqGrid 插件并在选项中设置了direction: "rtl"。我需要有水平滚动条，因为我有太多的列。我的问题是当我有水平滚动条时，列正文高度与谷歌浏览器中的列标题高度不同步。我发布了两张图片，希望这些图片可以解释我的问题。提前致谢。

没有水平滚动条时的网格截图： 这里一切正常。

这是有水平滚动条时的截图：

请注意，这只是示例，在我的实际应用程序中，网格中有 20 多个列。

Answer 1

我可以确认，在使用direction: "rtl" 的情况下，jqGrid 在列对齐方面存在一些问题。如果您使用 height: "auto" 选项，那么我建议您使用额外的 CSS 规则

.ui-jqgrid .ui-jqgrid-hbox-rtl { padding-left: 0 }

并且 include 额外包含行

this.grid.hDiv.scrollLeft = this.grid.bDiv.scrollLeft;

在loadComplete 和resizeStop 的内部。

问题在于padding-left: 0 并非在所有情况下都可以使用。我在the issue的帖子中描述了如何解决问题的方法。

我现在正在开发新的免费版 jqGrid，您可以从here 下载。它包含对您描述的问题的修复。我建议你试试这个版本。它包含许多错误修复和新的iconSet: "fontAwesome" 选项等功能，可改善 jqGrid 的外观。请参阅the page 末尾的一些演示。如果您向我描述任何错误（在the issues 部分，或在 stackoveflow 上）或 RTL 特定问题（或改进 RTL 外观的建议），我会尝试改进 jqGrid 中的 RTL 支持。