DHTMLX Docs & Samples Explorer

Counter eXcell

Here is an example of implementation of counter in dhtmlxGrid using eXcell type "cntr".

The corresponding cell value in XML should be any

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/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/dhtmlxgridcell.js"></script>
<script  src="../../codebase/excells/dhtmlxgrid_excell_cntr.js"></script>
<script  src="../../codebase/ext/dhtmlxgrid_splt.js"></script>
 
 
 
<div id="gridbox" style="width:500px;height:270px;background-color:white;"></div>
<script>
mygrid = new dhtmlXGridObject('gridbox');
mygrid.setImagePath("../../codebase/imgs/");
mygrid.setHeader("&nbsp;,Book Title,Author,Price,In Store,Shipping,Bestseller,Date of Publication");
mygrid.setInitWidths("40,150,120,80,80,80,80,200");
mygrid.setColAlign("right,left,left,right,center,left,center,center");
mygrid.setColTypes("cntr,ed,ed,price,ch,co,ra,ro");
mygrid.setColSorting("na,str,str,int,str,str,str,date");
mygrid.setColumnColor("#CCE2FE");
mygrid.init();
mygrid.setSkin("dhx_skyblue");
mygrid.splitAt(1);
mygrid.loadXML("../common/grid.xml");
</script>