css - 使用全局表{display：table-cell}时，表格单元格与标题单元格错误对齐

Question

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

table { display: table-cell; }

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

那么，我应该在ui.jqgrid.css文件中注入什么css属性才能正确渲染jqGrid？

感谢。

Answer 1

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

table { display: table-cell; }

由于某种原因你想要正确显示jqGrid。在这种情况下你可以添加CSS

.ui-jqgrid table { display: table; }

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

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