Grid with stacked headers and first column like a tree

[Fabrice]

Hello,

I d like to add a tree in my first column like TreeGrid. TreeGrid permits to do it but I cannot to add stacked headers in this component.

I know the Hierarchy action but I want an action like the TreeGrid.

With a Grid, can I to do a tree column ? Or with a TreeGrid can I to add stacked headers.

Then, is there an oher component to do these two things ??

Thank you for your help.

F.

[Seeni Sakthi Kumar Seeni Raj]

HI Fabrice,  

 

Thanks for contacting Syncfusion Support.  

 

Query #1: Hierarchy Grid with the Stackedheader columns 

 

We have rendered a child Grid with the stackedheader columns and rows. Refer to the following code example.  

 

@using Syncfusion.JavaScript.Models; 

 

<ej-grid id="Grid" datasource=ViewBag.parent allow-paging="true" show-stacked-header="true" 

         child-grid="@(new GridProperties() { 

    QueryString = "EmployeeID", 

    ShowStackedHeader=true, 

    StackedHeaderRows = new List<StackedHeaderRow>() { 

        new StackedHeaderRow() { 

            StackedHeaderColumn = new List<StackedHeaderColumn>() { 

         new StackedHeaderColumn() { 

              Column= new List<string>() { "EmployeeID", "CustomerID", "ID"  }, 

              HeaderText = "Employee Details" 

 

        } }  } 

    }, 

          . ..  

                  . . 

})" 

         > 

    <e-stacked-header-rows> 

        <e-stacked-header-row> 

            <e-stacked-header-columns> 

                <e-stacked-header-column column='@new List<string>() { "EmployeeID","FirstName","LastName"  }' header-text="Employee Details" /> 

                <e-stacked-header-column column='@new List<string>() { "Country"  }' header-text="Employee Address"/> 

            </e-stacked-header-columns> 

        </e-stacked-header-row> 

    </e-stacked-header-rows> 

         . . . 

             . . . 

</ej-grid> 

 

We have prepared a sample that can be downloaded from the following location.  

 

http://www.syncfusion.com/downloads/support/forum/132584/ze/WebApplication13-2119577899.zip 

 

We can also programmatically expand or collapse the childGrids using the expandCollapse method. Refer to the following API Reference section. 

 

https://help.syncfusion.com/api/js/ejgrid#methods:expandcollapse 

 

Query #2: with a TreeGrid can I to add stacked headers 

 

At present, there is no support for stacked header columns in a TreeGrid, for this we have already logged a feature report regarding this.  This feature will be implemented and included in our upcoming Volume 4 main release which will be expected to out at end of October, 2017. Please let us know if you require further assistance on this. 

 

Regards,  

Seeni Sakthi Kumar S. 

[Fabrice]

Thank you :)

[Seeni Sakthi Kumar Seeni Raj]

Hi Fabrice,  

 

Thanks for the update. Please get back to us, if you require further assistance on this.  

 

Regards,  

Seeni Sakthi Kumar S.