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

Question

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

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

Answer 1

首先，请不要使用旧版本free jqGrid. The current version of free jqGrid is 4.13.4. I recommend you to change the URLs to CDN (see the wiki)。

你的问题原因与版本的选择无关。您的演示包含以下自定义：

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

这就是您问题的根源。您使用单元格编辑 (cellEdit: true)，它在编辑期间选择 (set ui-state-highlight class) 个不可编辑的单元格。上述 CSS 规则中的用法 border:none!important; 删除了单元格的边框。您应该删除 CSS 规则。

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

jqGrid 4.12 border disappearing in all browsers

jqgrid

free-jqgrid