Ok i will send you my code samples
i call the array in html page with a frame :
<body>
.....
<span id="lbl_text13" style="width:200;Z-INDEX: 122; LEFT: 230px; POSITION: absolute; TOP: 350px"><IFRAME src="tableau_breakway_c75.html" frameborder=1 height=80 width=510></iframe></span>
<span id="lbl_text1" style="width:400px;Z-INDEX: 122; LEFT: 235px; POSITION: absolute; TOP: 470px"><div style="text-align: justify"><font face="Arial" size="2" color="#ffffff"><a name=mm88>Length 88 mm</a></font></div></span>
</DIV>
</body>
and the array is define is the page tableau_breakway_c75.html :
<html>
<head>
<title>ActiveWidgets Grid :: Examples</title>
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
<!-- ActiveWidgets stylesheet and scripts -->
<link href="../styles/xp/grid.css" rel="stylesheet" type="text/css" ></link>
<script src="../lib/grid.js"></script>
<!-- grid format -->
<style>
.active-controls-grid {height: 100%; font: menu;}
.active-column-0 {width: 50px;}
.active-column-1 {width: 50px;}
.active-column-2 {width: 60px;}
.active-column-3 {width: 70px;}
.active-column-4 {width: 50px;}
.active-column-5 {width: 350px;}
.active-grid-column {border-right: 1px solid threedshadow;}
.active-grid-row {border-bottom: 1px solid threedshadow;}
</style>
<!-- grid data -->
<script>
var myData = [
["TSE", "0", "75", "99", "37","3/0 Cable S. Steel"]
];
var myColumns = [
"Type", "Curve", "Length", "Diameter","Hole","Suggested thread material and USP sizes"
];
</script>
</head>
<body>
<script>
var alternate = function()
{
return this.getProperty("row/order")%2?"white":"#C0C0C0";
}
// create ActiveWidgets Grid javascript object
var obj = new Active.Controls.Grid;
// set number of rows/columns
obj.setRowProperty("count", 1);
obj.setColumnProperty("count", 6);
// provide cells and headers text
obj.setDataProperty("text", function(i, j){return myData[i][j]});
obj.setColumnProperty("text", function(i){return myColumns[i]});
// set headers width/height
obj.setRowHeaderWidth("28px");
obj.setColumnHeaderHeight("20px");
// set click action handler
obj.setAction("click", function(src){window.status = src.getItemProperty("text")});
var row = new Active.Templates.Row;
row.setStyle("background",alternate);
obj.setTemplate("row",row);
// write grid html to the page
document.write(obj);
</script>
</body>
</html>
I hope that the code will help you, i have just some problems with the header, why i don't know.