如何解决 JQgrid 中的分页器显示

Posted 2023-02-26

【中文标题】如何解决 JQgrid 中的分页器显示

【英文标题】：How to solve pager display in the in JQgrid

【发布时间】：2014-02-06 14:03:21

【问题描述】：

寻呼机显示添加、编辑按钮以及除每页行数选项之外的所有选项都无法正确显示。如何解决这个问题。

在这里我标记它的问题。我设置了完整的宽度并设置了默认值，但我没有获得寻呼机视图的完整视图，所以任何帮助我解决这个问题。

更新 添加CSS代码后，我得到了这样的jqgrid

【问题讨论】：

放一些代码让我们看看

【参考方案1】：

尝试添加以下 CSS 规则

.ui-jqgrid table  border-collapse: separate; 
.ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-pg-selbox  width: auto 

我建议你添加height: "auto" option。

【讨论】：

感谢@Oleg，但每页的行数下拉列表框不应完全显示，我在添加您的 css 代码后更新了图像。请检查图像并给出解决方案。

@KumarShanmugam：不客气！我不确定你想要什么。下拉的 CSS 选择器是.ui-jqgrid .ui-pg-selbox。因此，您可以在 CSS 规则 .ui-jqgrid .ui-pg-selbox /*here*/ 中添加 font-size、line-height、height、margin 或任何其他设置。您当前的代码包含将默认 CSS 样式更改为 pager 元素。例如height: auto 总是好的，但最好指定其他设置来改善寻呼机元素的外观。您应该只指定更准确的规则来覆盖设置。

嗨，我对 jqgrid 有一点疑问...在选择网格中的行后，单击 navgrid 中的编辑图标以显示 myphp_form 中的值？有可能吗？请帮帮我....

@KumarShanmugam：抱歉，我不明白你的意思。您是否在允许在表单中编辑的列中包含 editable: true 属性？

让我们continue this discussion in chat