带有jqueryUI的jqGrid与zurb基础冲突

Question

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

如果我不包含zurb的基础css，那么jqgrid的网页呈现完美但如果我包含它... css没有正确渲染jqgrid。

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

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

有没有办法处理这些冲突。我脑海中的一个解决方案是在我的网页中使用iframe，我有jqgrid ......但那将是我最后一次优先考虑。

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

Answer 1

我能够修复它。 foundation.css有表标签和输入[text]标签的通用类。注释这些类有助于消除冲突。

Answer 2

将其添加到样式表以覆盖默认的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;
}