grid data comes out in one column instead of multiple columns

I am not able to figure out why this is happening. Any help will be appreciated.
<style>
.active-controls-grid {
width: 865px;
height: 275px;
font: menu;
}

.active-selection-true, .active-selection-true .active-row-cell {
color: red !important;
background-color: #C4AE88 !important;
}

.active-grid-row,
.active-grid-row .active-list-item,
.active-scroll-left .active-list-item {height: 20px;}

</style>
<Script>
var table = new Active.XML.Table;
table.setXML('<%=data%>');
var obj=new Active.Controls.Grid;
obj.setProperty("column/count",3);
obj.setColumnText(function (i){return cols[i]});
obj.setModel("data",table);
document.write(obj);
</Script>

I have 3 columns in the xml file and all the data appears in one column
as shown below
A
1
3W4

E
2
3W4

F
3
W34

Hey Dude,

I too had problems solving this issue. You can actually call individual items in the active grid by using the following:

src.getDataProperty("text",0)

Where the first item in the select row in the 0 element. you see the property return is actually an array and you can call it respectively like that
0=first column
1=second column

and so forth. Hope this helps, because the documentation really sucks.

good luck,

old al

I was able to cause and fix this - and it only happens in IE..

Has to do with DOCTYPE.

This will work:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

others, I do not know

Forum search