TreeGrid with no header

Question

Is it possible create server side a treeGrid with no header?

I would like set no header server side because when i do by client side when the document is ready then the treeGrid position doesn't change and this is an undesidered behaviour and doesn't expand in the height in its container. Further if i change the css property manually to have the position and the height desidered then i the treegrid scroll bar doesn't apper correctly.

Jayakumar Duraisamy · Answer

Hi Giuseppe,

Thanks for contacting Syncfusion support.

We have analyzed your given requirement and we don’t have in-built support to hide TreeGrid header but we can achieve it by workaround to hide TreeGrid header at the client side.

We have to hide the TreeGrid header colgroup & each th element once after rendered it. For that use create event to add the hidden class css property to hide column header of TreeGrid.

Please refer following code snippet,

<style>

.e-hide-col{

display:none;

}

</style>

<ej:TreeGrid ID="Treegrid" Create="create"

</ej:TreeGrid>

function create(args) {

var $colheader = this.getHeaderTable().find('colgroup').find('col'),

$header = this.getHeaderTable().find('tr').find('th');

$($colheader).addClass("e-hide-col");

$header.addClass("e-hide");

}

We have also prepared a sample for your reference. Please find the sample location as below,

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/TreeGridSample_ASP.net-496360232

Please let us know, if you require any other assistance.

Regards,

Jayakumar D