Angular JS, javascript, jquery: creating table with div's and css

Thursday, March 13, 2014

creating table with div's and css:

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