DHTMLX Docs & Samples Explorer

Index
dhtmlxgrid
API Methods

## Constructor of dhtmlxGrid

            var mytree = new dhtmlXGridObject(parent)

where

- parent - id of HTML element which will be used as parent ( or html object itself )

          <div id='my_grid_here' style="width:500px; height:100px;"></div>
          <script>
          //common init code
          var mygrid = new dhtmlXGridObject("my_grid_here");
          </script>

Layout, Window, Accordion, Tabbar can create a grid inside their cells by using

          var mygrid = some_component.cells(some_id).attachGrid()

Starting from 2.5 version, grid can be initialized by object notation

          var mygrid = new dhtmlXGridObject({
              some_option1:some_value_1,
              some_option2:some_value_2,
              ...
              some_optionN:some_value_N,
          })

List of supported options

The columns can be defined as

    	agrid = new dhtmlXGridObject({
    		parent:"a_grid",
    		image_path:"codebase/imgs",
    		columns:[
    			{ label: "Sales",           width:50, 	type:"ed" },
    			{ label:["Book title",
    				 "#text_filter"],   width:150, 	type:"ed" },
    			{ label:["Author",
    				 "#select_filter"], width:150, 	type:"ed" },
    			{ label: "Price",       width:50, 	type:"ed" },
    			{ label:"In store" , 	width:80, 	type:"ch" },
    			{ label:"Shipping" , 	width:50, 	type:"ed" },
    			{ label:"Bestseller" , 	width:50, 	type:"ed" },
    			{ label:"Date" , 	width:50, 	type:"ed" }
    		],

    		xml:"data.xml"
    	});