0

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

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

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

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

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

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

4

2 回答 2

0

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

于 2012-09-11T18:20:57.673 回答
0

将此添加到您的样式表以覆盖默认的 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;
}
于 2013-05-01T15:21:22.920 回答