帮助css和jquery网格

Question

我正在尝试将jquery网格添加到我的网站。 （codeigniter php）

它加载数据很好，但网格看起来很糟糕..我不太了解css .... 下面是我得到的图像

Answer 1

伊克。您是否在网页中加入了ui.jqgrid.css？

此外，您可以使用firebug来检查页面上的各种jqGrid元素 - 这不太可能，但是应用程序的CSS和jqGrid使用的CSS之间可能存在冲突吗？

Answer 2

将网格放在宽度为div的div中：hidden：

<div style="width:100%;overflow:hidden;">
</div>

示例：

<div style="width:25%;float:left;background-color:yellow;">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec est ipsum, condimentum non bibendum nec, viverra nec nulla. 
    </p>
</div>
<div style="margin-left:25%;background-color:green;">
    <div style="width:100%;overflow:hidden">
        <div style="clear:both;">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec est ipsum, condimentum non bibendum nec, viverra nec nulla. 
            </p>
        </div>
    </div>
</div>

另请参阅：http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html