how to create a table using DIV tag

I want to create a table using DIV tag. My code is following:

output is coming like this

<form id="form1"> <div class="divtable"> <div class="headrow"> <div class="divcol">Cust_no</div> <div class="divcol">Name</div> <div class="divcol">address</div> </div> <div class="divrow"> <div class="divcol">001</div> <div class="divcol">poonam</div> <div class="divcol">ashok vihar</div> </div> <div class="divrow"> <div class="divcol">002</div> <div class="divcol">reena</div> <div class="divcol">preet vihar</div> </div> <div class="divcol"></div> <div class="divcol">Every value is coming in only one column not in different column. Can somebody correct my code.</div> </div> <div class="divcol"></div> <div class="divcol">thanks.</div> </form>

Re: how to create a table using DIV tag

check this link this may help you out

http://www.webmasterworld.com/html/4065001.htm

Re: how to create a table using DIV tag

Hello,

I formatted your code a bit. Look at it. :)

<html>
<head>
<style type="text/css">
div
{
   border:1px solid;
}
.divtable
{
    display:table;
}
.divrow
{
    display:table-row;
}
.divcol
{
    display:table-cell;
    width:100px;
}
.headrow
{
    display:table-caption;
}
.content
{
    display:table-cell;
    width:100px;
}
</style>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
  <div class="divtable">
    <div class="headrow">
     <div class="divcol">Cust_no</div>
     <div class="divcol">Name</div>
     <div class="divcol">address</div>
    </div>
    <div class="divrow">
        <div class="content">001</div>
        <div class="content">poonam</div>
        <div class="content">ashok vihar</div>
     </div>
    <div class="divrow">
        <div class="content">002</div>
        <div class="content">reena</div>
         <div class="content">preet vihar</div>
    </div>
  </div>
    </form>
</body>
</html>

Re: how to create a table using DIV tag

You might also look at http://960.gs for a great method of laying out your screen via a grid system.

Re: how to create a table using DIV tag

Hi,

Try these post-

http://www.codeproject.com/Articles/47934/DIV-TABLE

http://beta.blogs.microsoft.co.il/blogs/oric/archive/2011/12/24/implement-an-html-table-using-div-only.aspx

Re: how to create a table using DIV tag

Thanks. your code is working. I have to do just small changes at one or two places.