jqgrid - css - 使用全局表格 { display:table-cell } 时表格单元格与标题单元格不正确对齐

Question

我设置了全局表的 css，因此不相关的 jqGrid 表单元格可以在所有 Web 浏览器（IE、Firefox、Chrome、Safari 等）中正确呈现。

table { display: table-cell; }

几年后，我第一次开始使用 jqGrid，发现表格单元格在 IE 中渲染得很好，但在 Firefox、Safari 和 Chrome 中却没有。

那么，我应该将什么 css 属性注入到 ui.jqgrid.css 文件中以使 jqGrid 正确呈现？

谢谢。

Answer 1

我不确定我是否正确理解了您的问题。我想你必须有CSS

table { display: table-cell; }

由于某种原因，您希望正确显示 jqGrid。在这种情况下，您只需添加 CSS

.ui-jqgrid table { display: table; }

它覆盖了 jqGrid 使用的所有表的“全局”设置。

请参阅使用样式并正确显示网格的演示。