Data & Cols no displaying IE 6
Can someone offer an explanation for why this grid does not display in IE 6?
<link href="d:/temp/AMS/grids_new/runtime/styles/xp/aw.css" rel="stylesheet" type="text/css"></link>
<script src="d:/temp/AMS/grids_new/runtime/lib/aw.js"></script>
<!-- grid format -->
<style>
#grid1 { height: 100px}
#grid1 { width: 800px}
#grid1 .aw-column-0 {width: 50px; text-align: center}
#grid1 .aw-column-1 {width: 220px; text-align: center}
#grid1 .aw-column-2 {width: 60px; text-align: center}
#grid1 .aw-column-3 {width: 60px; text-align: center}
#grid1 .aw-column-4 {width: 60px; text-align: center}
#grid1 .aw-column-5 {width: 90px; text-align: center}
#grid1 .aw-column-6 {width: 90px; text-align: center}
#grid1 .aw-column-7 {width: 70px; text-align: center}
#grid1 .aw-column-8 {width: 70px; text-align: center}
#grid2 { height: 50px}
#grid2 { width: 800px}
#grid2 .aw-column-0 {width: 75px; text-align: center}
#grid2 .aw-column-1 {width: 220px; text-align: center}
#grid2 .aw-column-2 {width: 60px; text-align: center}
#grid2 .aw-column-3 {width: 60px; text-align: center}
#grid2 .aw-column-4 {width: 60px; text-align: center}
#grid2 .aw-column-5 {width: 90px; text-align: center}
#grid2 .aw-column-6 {width: 90px; text-align: center}
#grid2 .aw-column-7 {width: 70px; text-align: center}
#grid2 .aw-column-8 {width: 70px; text-align: center}
#grid1 .aw-alternate-even {background: #fff;}
#grid1 .aw-alternate-odd {background: #eee;}
#grid1 .aw-alternate-even .aw-column-0 {background: #eee;}
#grid1 .aw-alternate-odd .aw-column-0 {background: #ddd;}
</style>
<!-- grid cols plus data -->
<script>
var columns1 = ["Code","Name","Amt1","Amt2","Amt3","Total","Count"];
var data1 = [
[
"<a href=''>00000</a>",
"Name name 1",
"0.00",
"0.00",
"0.00",
"0.00",
"0"
],
[
"<a href=''>00001</a>",
"Name name 2",
"0.00",
"0.00",
"0.00",
"0.00",
"0"
],
];
var columns2 = ["","","","","","",""];
var data2 = [
["TOTAL:","","","0.00","0.00","0.00","0.00","0"]
];
</script>
<script>
var obj1 = new AW.UI.Grid;
obj1.setId("grid1"); // necessary for CSS rules
obj1.setRowCount(2);
obj1.setHeaderCount(1);
obj1.setColumnCount("count", 7);
//alert (columns1);
//alert (data1);
obj1.setHeaderText(columns1); // js array (see top of this page)
obj1.setCellText(data1); // 2-dimensional js array
obj1.setCellEditable(false); // disable editing
obj1.setSelectorVisible(true);
obj1.setSelectorWidth(25);
obj1.setSelectorText(function(i){return this.getRowPosition(i)+1});
document.write(obj1);
</script>
<script>
var obj2 = new AW.UI.Grid;
obj2.setId("grid2"); // necessary for CSS rules
obj2.setCellText(data2); // 2-dimensional js array
obj2.setCellEditable(false); // disable editing
obj2.setHeaderCount(1);
obj2.setHeaderText(columns2); // js array (see top of this page)
obj2.setColumnCount("count", 7);
obj2.setRowCount(1);
obj2.setSelectorText(function(i){return this.getRowPosition(i)+1});
document.write(obj2);
</script>
<link href="d:/temp/AMS/grids_new/runtime/styles/xp/aw.css" rel="stylesheet" type="text/css"></link>
<script src="d:/temp/AMS/grids_new/runtime/lib/aw.js"></script>
<!-- grid format -->
<style>
#grid1 { height: 100px}
#grid1 { width: 800px}
#grid1 .aw-column-0 {width: 50px; text-align: center}
#grid1 .aw-column-1 {width: 220px; text-align: center}
#grid1 .aw-column-2 {width: 60px; text-align: center}
#grid1 .aw-column-3 {width: 60px; text-align: center}
#grid1 .aw-column-4 {width: 60px; text-align: center}
#grid1 .aw-column-5 {width: 90px; text-align: center}
#grid1 .aw-column-6 {width: 90px; text-align: center}
#grid1 .aw-column-7 {width: 70px; text-align: center}
#grid1 .aw-column-8 {width: 70px; text-align: center}
#grid2 { height: 50px}
#grid2 { width: 800px}
#grid2 .aw-column-0 {width: 75px; text-align: center}
#grid2 .aw-column-1 {width: 220px; text-align: center}
#grid2 .aw-column-2 {width: 60px; text-align: center}
#grid2 .aw-column-3 {width: 60px; text-align: center}
#grid2 .aw-column-4 {width: 60px; text-align: center}
#grid2 .aw-column-5 {width: 90px; text-align: center}
#grid2 .aw-column-6 {width: 90px; text-align: center}
#grid2 .aw-column-7 {width: 70px; text-align: center}
#grid2 .aw-column-8 {width: 70px; text-align: center}
#grid1 .aw-alternate-even {background: #fff;}
#grid1 .aw-alternate-odd {background: #eee;}
#grid1 .aw-alternate-even .aw-column-0 {background: #eee;}
#grid1 .aw-alternate-odd .aw-column-0 {background: #ddd;}
</style>
<!-- grid cols plus data -->
<script>
var columns1 = ["Code","Name","Amt1","Amt2","Amt3","Total","Count"];
var data1 = [
[
"<a href=''>00000</a>",
"Name name 1",
"0.00",
"0.00",
"0.00",
"0.00",
"0"
],
[
"<a href=''>00001</a>",
"Name name 2",
"0.00",
"0.00",
"0.00",
"0.00",
"0"
],
];
var columns2 = ["","","","","","",""];
var data2 = [
["TOTAL:","","","0.00","0.00","0.00","0.00","0"]
];
</script>
<script>
var obj1 = new AW.UI.Grid;
obj1.setId("grid1"); // necessary for CSS rules
obj1.setRowCount(2);
obj1.setHeaderCount(1);
obj1.setColumnCount("count", 7);
//alert (columns1);
//alert (data1);
obj1.setHeaderText(columns1); // js array (see top of this page)
obj1.setCellText(data1); // 2-dimensional js array
obj1.setCellEditable(false); // disable editing
obj1.setSelectorVisible(true);
obj1.setSelectorWidth(25);
obj1.setSelectorText(function(i){return this.getRowPosition(i)+1});
document.write(obj1);
</script>
<script>
var obj2 = new AW.UI.Grid;
obj2.setId("grid2"); // necessary for CSS rules
obj2.setCellText(data2); // 2-dimensional js array
obj2.setCellEditable(false); // disable editing
obj2.setHeaderCount(1);
obj2.setHeaderText(columns2); // js array (see top of this page)
obj2.setColumnCount("count", 7);
obj2.setRowCount(1);
obj2.setSelectorText(function(i){return this.getRowPosition(i)+1});
document.write(obj2);
</script>
Terry
November 17,