开发者

Help with css and jquery grid

开发者 https://www.devze.com 2022-12-23 23:17 出处:网络
Im trying to add jquery grid to my site. (codeigniter php) It loads the data just fine but the grid ends up looking awful.. I dont know much about css....

Im trying to add jquery grid to my site. (codeigniter php)

It loads the data just fine but the grid ends up looking awful.. I dont know much about css.... heres an image of what Im getting开发者_JAVA技巧

Help with css and jquery grid


Ick. Did you include ui.jqgrid.css in your page?

Also, you can use firebug to inspect the various jqGrid elements on your page - it is unlikely but perhaps there is a conflict between the your application's CSS and the CSS used by jqGrid?


Put the grid in a div with width and overflow:hidden:

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

Example:

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

See also: http://www.quirksmode.org/blog/archives/2005/03/clearing_floats.html

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号