jqGrid 4.12边框在所有浏览器中消失

Question

https://staging.transporthub.co.uk/gridtest/jqgrid.htm

单击单元格以编辑值时，右侧和底部的边框消失。有没有css问题？

Answer 1

首先，请不要使用free jqGrid的旧版本。当前版本的免费jqGrid是4.13.4。我建议您将网址更改为CDN（请参阅the wiki）。

问题的原因不在于选择版本。您的演示包含以下自定义：

.ui-state-highlight {
    border:none!important; /* !!! it's the origin of your problem */
    background:none!important;
}

这是你问题的根源。您使用单元格编辑（cellEdit: true），在编辑期间选择（设置ui-state-highlight类）不可编辑的单元格。上述CSS规则中的用法border:none!important;会删除单元格的边框。您应该删除CSS规则。