<style type='text/css'>
#myGrid { width: 990px;height: 55%}
#myGrid .aw-grid-row {height: 17px; border-bottom: 1px solid #ccc}
#myGrid .aw-alternate-even {background: white;}
#myGrid .aw-alternate-odd {background: lightblue;}
#myGrid .aw-mouseover-row {background : lightgreen;}
#myGrid .aw-rows-selected {background: #316ac5;}
#myGrid .aw-column-0 {width: 50px; border-right: 1px dotted #ccc}
#myGrid .aw-column-1 {width: 150px; border-right: 1px dotted #ccc}
#myGrid .aw-column-2 {text-align: center ;border-right: 1px dotted #ccc}
#myGrid .aw-column-3 {width: 200px;text-align: center;border-right: 1px dotted #ccc}
#myGrid .aw-column-4 {width: 400px;text-align: left}
#myGrid .aw-grid-headers {color: Black}
#myGrid .aw-mouseover-header {color: green;}
#myGrid .aw-mousedown-header {color: darkgreen;}
#myGrid .aw-header-1 {background: beige}
</style>
<script type="text/javascript" src="runtime/lib/aw.js"></script>
<link href="runtime/styles/xp/aw.css" rel="stylesheet"></link>
<script type='text/javascript'>
var obj = new AW.Grid.Extended;
obj.setId("myGrid"); // necessary for CSS rules
obj.setFixedLeft(0); // number of fixed columns on the left side
obj.setCellText(myData); // 2-dimensional js array
obj.setHeaderCount(2);
obj.setHeaderText(myColumns); // js array (see top of this page)
obj.setHeaderText(["Total", "", "", "6.5", "45"], 1); // js array for the second row of headers
obj.setColumnCount(5);
obj.setRowCount(<?php echo $NbrRow?>);
obj.setSelectionMode("single-row");
document.write(obj);
</script>
This topic is archived.