带有jqueryUI的jqGrid与zurb foundation冲突

Question

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

如果我不包含zurb的基础css，带有jqgrid的网页将呈现完美，但如果我包含它，...the css将无法正确呈现jqgrid。

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

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

有没有办法处理这些冲突。我脑海中的一个解决方案是在我的网页中使用iframe，在那里我有jqgrid...but，这将是我最后的偏好。

或者有没有一种不使用jqueryUI就可以使用jqgrid的方法？

Answer 1

我能把它修好。foundation.css为表标签和输入文本tag..commenting提供了通用的类，这些类有助于消除冲突。

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;
}