jqGrid - 使用 RTL 时 google chrome 中的列填充问题
jqGrid - columns padding issue in google chrome when use RTL
我使用 jqGrid 插件并在选项中设置 direction: "rtl"
。我需要有水平滚动条,因为我有太多列。我的问题是当我有水平滚动条时,body 列的高度与 google chrome 中的 header 列的高度不同步。我 post 两张图片,希望这些图片可以解释我的问题。提前致谢。
没有水平滚动条时的网格截图:
这里一切都很好。
下面是有水平滚动条时的截图:
请注意,这只是示例,在我的实际应用程序中,网格中有超过 20 列。
我可以确认,在使用 direction: "rtl"
的情况下,jqGrid 在列对齐方面存在一些问题。如果您使用 height: "auto"
选项,那么我建议您使用额外的 CSS 规则
.ui-jqgrid .ui-jqgrid-hbox-rtl { padding-left: 0 }
并包括另外包括行
this.grid.hDiv.scrollLeft = this.grid.bDiv.scrollLeft;
在 loadComplete
和 resizeStop
内。
问题是 padding-left: 0
并非在所有情况下都可以使用。我在 the issue.
的帖子中描述了如何解决问题的方法
我现在正在开发 jqGrid 的新免费版本,您可以从 here. It contains fixes of to the problem which you described. I recommend you to try the version. It contains many bug fixes and the features like new iconSet: "fontAwesome"
option which improves the look of jqGrid. See some demos at the end of the page. If you would describe me any bugs (in the issues 部分或在 stackoveflow 上下载)或 RTL 特定问题(或建议)改进 RTL 外观)我会尝试改进 jqGrid 中的 RTL 支持。
我使用 jqGrid 插件并在选项中设置 direction: "rtl"
。我需要有水平滚动条,因为我有太多列。我的问题是当我有水平滚动条时,body 列的高度与 google chrome 中的 header 列的高度不同步。我 post 两张图片,希望这些图片可以解释我的问题。提前致谢。
没有水平滚动条时的网格截图:
下面是有水平滚动条时的截图:
请注意,这只是示例,在我的实际应用程序中,网格中有超过 20 列。
我可以确认,在使用 direction: "rtl"
的情况下,jqGrid 在列对齐方面存在一些问题。如果您使用 height: "auto"
选项,那么我建议您使用额外的 CSS 规则
.ui-jqgrid .ui-jqgrid-hbox-rtl { padding-left: 0 }
并包括另外包括行
this.grid.hDiv.scrollLeft = this.grid.bDiv.scrollLeft;
在 loadComplete
和 resizeStop
内。
问题是 padding-left: 0
并非在所有情况下都可以使用。我在 the issue.
我现在正在开发 jqGrid 的新免费版本,您可以从 here. It contains fixes of to the problem which you described. I recommend you to try the version. It contains many bug fixes and the features like new iconSet: "fontAwesome"
option which improves the look of jqGrid. See some demos at the end of the page. If you would describe me any bugs (in the issues 部分或在 stackoveflow 上下载)或 RTL 特定问题(或建议)改进 RTL 外观)我会尝试改进 jqGrid 中的 RTL 支持。