Grid Sizing aw.ui.grid

CSS doesn't seem to be apply,

Can someone please help me find out what is wrong

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<title>Help Desk Stats</title>

<!-- Fix box model in firefox/safari/opera -->
<style type="text/css">
    .aw-quirks * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    body {font: 12px Tahoma}
</style>
<!-- include links to the script and stylesheet files -->
<link href="./runtime/styles/vista/aw.css" rel="stylesheet" type="text/css" ></link>
<script src="./runtime/lib/aw.js"></script>

<style>

<!-- Change default styles, set control size and position -->

#MyGrid {height: 100px; width: 250px;}

</style>

</head>

<body>
<div>Today's Activity</div>
<script>
 
 // Connect to the .csv data souce
     
    var table = new AW.CSV.Table;
    
    table.setURL("./report-194.csv");
    table.request();
    
//Remove the headers
table.response1 = table.response;
table.response = function(text){
    text = text.replace(/^.+\r*\n/, "");
    this.response1(text);
} 
    
//Produce the table

    var obj = new AW.UI.Grid;
    obj.setId("MyGrid");
    var columns = ["Date", "Status", "Totals"];
    obj.setHeaderText(columns);
    obj.setFixedLeft(0);
    obj.setHeaderCount(1);
    obj.setColumnCount(3);
    //obj.setColumnIndices([0,1,2]);
    obj.setCellModel(table);

    document.write(obj);

</script>
</body>

</html>

FinchAdmin

June 5,

Grid Sizing aw.ui.grid

See also:

Search

New Data Grid

Version 2