My grid shows up but the columns and the datas are found in one row??
can any body tell me---- Urgent
My Code:
#grid5
{
width:100%; height: 250px;
background: white;
font-family: Verdana,Arial,Sans-serif,'Times New Roman';
font-size: 8pt;
font-weight: normal;
font-style: normal;
vertical-align: middle;
align:left;
border-top: 0px;
border-right: 1px #E6E6E6 solid;
border-bottom: 1px #E6E6E6 solid;
border-left: 1px #E6E6E6 solid;
overflow:auto;
}
#grid5 .active-column-0 {text-align:left;width: 170px;}
#grid5 .active-column-1 {text-align:left;width: 170px;}
#grid5 .active-column-2 {text-align:left;width: 190px;}
#grid5 .active-column-3 {text-align:left;width: 190px;}
#grid5 .active-column-4 {text-align:left;width: 190px;}
#grid5 .active-column-5 {text-align:center;width: 190px;}
#grid5 .active-column-6 {text-align:center;width: 160px;}
#grid5 .active-column-7 {text-align:center;width: 110px;}
#grid5 .active-column-8 {text-align:center;width: 160px;}
#grid5 .active-column-9 {text-align:center;width: 130px;}
.active-header-over
{
border-color: #cbc7b8;
background: #d6d2c2!important;
}
.active-header-over .active-box-item
{
border-color: #e2decd;
background: #ebeadb;
}
.active-grid-column
{
border-right: 1px solid threedlightshadow;
border-color: #ededed;
}
.active-grid-row
{
border-right: 1px solid threedlightshadow;
border-color: #ededed;
}
/* This is where you can customize the appearance of the tooltip */
</style>
<script language = "javascript" src = "/x_cscripts/grid.js"></script>
<script language="javascript">
var obj5 = new Active.Controls.Grid;
var myData5 = new Array;
//var x =0;
var myColumns5 = ["Id","UserName", "Password","Authetication scheme","first Name","Last Name","Phone","Email","Status"];
//var myColsTips5 = ["Id","UserName", "Password","Authetication scheme","first Name","Last Name","Phone","Email","Status"];
var vs_currElement5=0;
var vs_Count5 = myData5.length;
obj5.setId("grid5");
var dvobj = document.getElementById("usertab");
obj5.setRowProperty("count", vs_Count5);
obj5.setColumnProperty("count", myColumns5.length);
obj5.setDataProperty("text", function(i, j)
{
var retval = myData5[i][j];
return retval;
});
obj5.setColumnProperty("text", function(i){return myColumns5[i]});
obj5.defineSortProperty("index",0);
//obj5.defineSortProperty("rowcount",myData5.length);
//obj5.defineSortProperty("direction","ascending");
obj5.setRowHeaderWidth("0px");
obj5.setColumnHeaderHeight("17px");
dvobj.innerHTML = obj5;
}
HTML Code:
<body>
<tr>
<td valign="top" width="1"></td>
<td valign="top" width="100%">
<div id="usertab" style="width:700px;height:300px;">Loading TABLES...</div>
</td>
</tr>