We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Stacked headers

Thread ID:

Created:

Updated:

Platform:

Replies:

130812 Jun 5,2017 08:21 AM UTC Jun 6,2017 07:32 AM UTC Angular 1
loading
Tags: ejGrid
Michal Jasinski
Asked On June 5, 2017 08:21 AM UTC

Hi,
I'm currently testing the ejGrid and I was trying to create grid with stacked header. I know they're available in the JS version, but haven't found the Angular 2 implementation so I've got 2 questions:

Is this option supported in angular 2 ?
If yes, do you have some example how this should be implemented ?

regards,
Michal 

Jayaprakash Kamaraj [Syncfusion]
Replied On June 6, 2017 07:32 AM UTC

Hi Michal, 

Thank you for contacting Syncfusion support. 

Yes, we have stacked header feature in angular2. We have prepared a sample with stacked header that can be downloaded from the following location, 



<ej-grid [allowPaging]="true" [pageSettings.pageSize]="pagesize" [dataSource]="gridData" showStackedHeader="true"  [stackedHeaderRows]="stackedHeaderRows"> 
    <e-columns> 
        <e-column field="EmployeeID" headerText="Employee ID" width="90" textAlign="right"></e-column> 
        <e-column field="FirstName" headerText="First Name" width="90"></e-column> 
        <e-column field="LastName" headerText="Last Name" width="90"></e-column> 
        <e-column field="Country" headerText="Country" width="90"></e-column> 
    </e-columns> 
 
</ej-grid> 
 
Grid.component.js 
 
GridComponent = (function () { 
                function GridComponent() { 
                    this.gridData = window.employeeView; 
                    this.pagesize = 5; 
                                  this.stackedHeaderRows=[{stackedHeaderColumns:[{headerText:"ID",column:"EmployeeID,FirstName"},{headerText:"Country",column:"LastName,Country"}]}]; 
 
                } 

Regards, 

Jayaprakash K. 
 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;