DHTMLX Docs & Samples Explorer

Paging and split mode

Paginal output supports split mode

Loading

THIS PAGE CONTAINS SAMPLE FUNCTIONALITY OF PROFESSIONAL EDITION FOR DEMONSTRATION PURPOSE ONLY.
UNAUTHORIZED USE IS PROHIBITED. PLEASE CONTACT SALES@DHTMLX.COM TO OBTAIN A LEGAL COPY OF PROFESSIONAL EDITION.
Source
<link rel="STYLESHEET" type="text/css" href="../../codebase/ext/dhtmlxgrid_pgn_bricks.css">
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxgrid.css">
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxgrid_dhx_skyblue.css">
<script  src="../../codebase/dhtmlxcommon.js"></script>
<script  src="../../codebase/dhtmlxgrid.js"></script>    
<script  src="../../codebase/ext/dhtmlxgrid_splt.js"></script>    
<script  src="../../codebase/ext/dhtmlxgrid_pgn.js"></script>    
<script  src="../../codebase/dhtmlxgridcell.js"></script>    
 
<script>
var mygrid;
function doOnLoad() {
    mygrid = new dhtmlXGridObject('gridbox');
    mygrid.setImagePath("../../codebase/imgs/");
    mygrid.setHeader("Column A, Column B,Column B1,Column B2,Column B3,Column B4,Column B5");
    mygrid.setInitWidths("100,250,100,100,100,100,100");
    mygrid.setColAlign("right,left,left,left,left,left,left");
    mygrid.setColTypes("ro,ed,ro,ro,ro,ro,ro");
    mygrid.enablePaging(true, 30, null, "pagingArea", true, "recinfoArea");
    mygrid.attachEvent("onXLS", function() {
        document.getElementById("a_1").style.display = "block";
    });
    mygrid.attachEvent("onXLE", function() {
        document.getElementById("a_1").style.display = "none";
    });
    mygrid.init();
    mygrid.setSkin("dhx_skyblue");
    mygrid.splitAt(1);
    mygrid.setPagingSkin("bricks");
    mygrid.loadXML("php/dynscroll.php");
}
</script> <div style="height:30px"> <div id="a_1" ><h1 style="color:red">Loading</h1></div> </div> <table width="600px" cellpadding="0" cellspacing="0"> <tr> <td> <div id="recinfoArea"></div> <div id="gridbox" style="width:100%; height:250px; background-color:white;overflow:hidden"></div> <div id="pagingArea"></div> </td> </tr> </table>