带有 jqueryUI 的 jqGrid 与 zurb 基础冲突

Question

您好，我正在使用具有 jquery UI 主题的 jqgrid。我在网站上的母版页使用 zurb 基础框架作为我们的基本 css 框架。

如果我不包含 zurb 的基础 css，则带有 jqgrid 的网页呈现完美，但如果我包含它...... css 不会为 jqgrid 正确呈现。

我可以看到原因，因为我试图在一个网页中包含两个不同的 css 框架，因为这两个框架有一些相互冲突的通用 css 类。

我需要使用这两个框架，因为我将结合使用许多 jqueryui 组件和 zurbfoundation 组件 + css。

有没有办法处理这些冲突。我想到的一个解决方案是在我有 jqgrid 的网页中使用 iframe……但这将是我最后的最后一个偏好。

或者有没有一种方法可以在不使用 jqueryUI 的情况下使用 jqgrid？

Answer 1

将此添加到您的样式表以覆盖默认的 Foundation 表格样式：

.ui-widget table {
    border: none;
}

.ui-widget table tbody tr:nth-child(even),
.ui-widget table thead, 
.ui-widget table tfoot {
    background-color: transparent;
}

Answer 2

我能够修复它。 Foundation.css 具有用于表格标记和输入 [文本] 标记的通用类。注释这些类有助于消除冲突。