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. Image for the cookie policy date
close icon

FrozenColumn

Hi.

In the column (isFrozen) or in (scrollSettings.frozenColumn
) does not work in Angular.


Regards


j.nord

1 Reply

FS Farveen Sulthana Thameeztheen Basha Syncfusion Team May 30, 2017 04:21 AM UTC

Hi j.nord, 

Thanks for contacting syncfusion support. 

We have checked by creating sample with “frozenColumn” and “isFrozen” property for Grid in Angular 2. But we are unable to reproduce your reported problem at our end. We have created sample using frozen columns and rows which can be downloaded from the below location. Please refer to it. 


Please refer to the code example:- 

app.component.html 
 
<ej-grid id="Grid" [dataSource]="gridData"  allowScrolling="true" [scrollSettings]="scrollSettings" > 
    <e-columns> 
        <e-column field="OrderID" headerText="OrderID" [isFrozen]="true" width="100"></e-column> 
        <e-column field="CustomerID" headerText="Customer ID"  width="50"></e-column> 
        <e-column field="EmployeeID" headerText="Employee ID" [isFrozen]="true" width="50"></e-column> 
        <e-column field="ShipCity" headerText="Ship City" width="70"></e-column> 
        <e-column field="ShipCountry" headerText="Ship Country"  width="60"></e-column> 
              <e-column field="Freight" headerText="Freight" width="60"></e-column> 
    </e-columns> 
</ej-grid> 
 
app.component.ts 
 
import { Component } from '@angular/core'; 
 
@Component({ 
    selector: 'ej-app', 
    templateUrl: 'src/grid/grid.component.html', 
}) 
export class GridComponent { 
        public gridData; 
        public scrollSettings;  
         constructor() 
            { 
              this.gridData = window.gridData; 
              this.scrollSettings = { width: 300, height: 300, frozenColumns :2, frozenRows: 4}; 
            } 
   } 


After following the above solution, still facing the issue please share us the following details. 

1. Share Grid code example (both app.component.html and app.component.ts page) 

2. Screenshot/Video regarding the issue. 

3. Replicate the issue in the above sample and revert us back. 

4. Ensure that width for the Grid columns has been specified.  

5. Stacktrace, if any script error occurs. 

The provided details will helps us to analyze and provide you solution as early as possible.  

Regards, 

Farveen sulthana T 


Loader.
Live Chat Icon For mobile
Up arrow icon