DHTML JavaScript Grid samples

Dynamic Loading

dhtmlxGrid supports dynamic loading of data and this is a great advantage if you need to manage large tables. User can start editing table data without waiting the whole grid to be downloaded to client-side.
The grid control retrieves data from server dynamically as needed while user is scrolling through the table. This exiting Dynamic Scrolling feature reduces loading time of the table and increases web application's productivity.

The example above will load additional data from server by 100 rows untill it riches 500.Buffering is 30 rows.
Use scroller or [Up/Down] buttons to scroll the grid

<div id="gridbox" width="100%" height="250px" style="background-color:white;overflow:hidden"></div> <script> mygrid = new dhtmlXGridObject('gridbox'); ... //mygrid.enableBuffering(30); mygrid.setXMLAutoLoading("dynscroll.php",30) mygrid.init(); mygrid.loadXML("dynscroll.xml"); </script> Parameters necessary for enabling dynamical loading:
  • setXMLAutoLoading("url where to get more records","size of buffer").


  • Go to the dhtmlxGrid main page or Close this page