<div id="gridbox" width="100%" height="250px" style="background-color:white;overflow:hidden"></div>
<script>
 
    mygrid = new dhtmlXGridObject('gridbox');
    mygrid.setImagePath("../../../dhtmlxGrid/codebase/imgs/");
    mygrid.setHeader("Book Title,Author,Price,Quantity,Total");
    //5th column is math with output of price type
    mygrid.setColTypes("tree,price,ed[=sum],price[=sum]");
    //round all calculation to 2 digits after point
    mygrid.setMathRound(2);
    mygrid.init();
    mygrid.loadXML("grid_math2.xml");</script>