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>

Forum search