Multiple grid in same page.

I want to implement more than one grid in one page.

Are there any example that shows to implement more than one grid.

Also how can i define the different columns width in all the grid.

Yes, it is possible to have more than one grid on the page - just give them different IDs and use those IDs when specifying CSS rules.

<style>

    #grid1 .aw-column-0 {width: 50px}
    #grid2 .aw-column-0 {width: 200px}

</style>
<script>

    var obj1 = new AW.UI.Grid;
    obj1.setId("grid1");
    obj1.setCellData("cell1");
    obj1.setHeaderText("header1");
    obj1.setColumnCount(10);
    obj1.setRowCount(10);
    document.write(obj1);

    var obj2 = new AW.UI.Grid;
    obj2.setId("grid2");
    obj2.setCellData("cell2");
    obj2.setHeaderText("header2");
    obj2.setColumnCount(10);
    obj2.setRowCount(10);
    document.write(obj2);

</script>