Grid to show more number of columns than defined in header


Hi i am using grid in the application and i want something like this to be designed in the grid how can i do that



<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /> 


 


 


 


 


Growth


Billable


Billed


 


 


Pre 19th


 


 


 


 


I Inst Value


 


 


 


 


II Inst Value


 


 


 


 


III Inst Value


 


 


 


 


 


 


 


 


 


Post 19th


 


 


 


 


I Inst Value


 


 


 


 


II Inst Value


 


 


 


 


 


 


 


 


 


 


 


 


 


 


Collection Rate for Deemed and Wet Connected Properties


 


WET


Deemed


 


Billed


Collected


Billed


Collected


Base IIIrd


 


 


 


 


Base Ivth


 


 


 


 


 


 


 


 


 


PRE 19


 


 


 


 


Growth II


 


 


 


 


Growth III


 


 


 


 


 


 


 


 


 


ALL


 


 


 


 


 


 


My xml generated runtime has 3 columns defined as header but in between of the grid i want to perform colspan and generate the table defined above... can you please suggest me and show me xml template for the above design.

To use colspan at the grid first you should enable this mode:
mygrid.enableColSpan(true);
This method availble only at PRO version.

Then at the xml you set attribute colsnan="numOfCols"
Some data
numOfCols - number of columns which you would like to merge.
Please beware that other cells, which will be included in colspan still need to be present in XML.
You can find more about grid’s xml structure here dhtmlx.com/docs/products/docsExp … lGrid.html

for your table xml may look as

III Inst Value


and in css
.borderless{
border-right:0px solid black !important;
border-left:0px solid black !important;
}