Hi,

I have been looking for an alternative for tbody thead to create a grid layout using div. Below code worked fine.

CSS

Code:
 div#layout {display: table;}
        div#layout {display: table;}
        div.hgroupheader {display: table-row;background:gray;}
        div.hgroup {display: table-row;}
        div.cell {display: table-cell;border:solid 1px red;}
HTML Code:
<div id="layout">
        <div class="hgroupheader">
         <div class="cell">Site Name</div>
         <div class="cell">Site Url</div>
         <div class="cell">Status</div>
        </div>
        <div class="hgroup">
         <div class="cell">Google</div>
         <div class="cell">google.com</div>
         <div class="cell">Cool</div>
        </div>
        <div class="hgroup">
         <div class="cell">Sitepoint</div>
         <div class="cell">sitepoint.com</div>
         <div class="cell">Awesome</div>
        </div>
        <div class="hgroup">
         <div class="cell">yahoo</div>
         <div class="cell">yahoo.com</div>
         <div class="cell">Cool</div>
        </div>
    </div>
I was looking to provide a scroll bar for section other than hgroupheader

I tried to enclose whole hgroup inside a div but it was confined to single column .

What change should i make to get the functionality i was looking for ?

Or is there any alternative for this ?

Hope someone could help me with this.

Thanks in Advance