FrozenColumn

[jnord]

Hi.

In the column (isFrozen) or in (scrollSettings.frozenColumn

) does not work in Angular

.


Regards


j.nord

[Farveen Sulthana Thameeztheen Basha]

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. 

https://www.syncfusion.com/downloads/support/forum/130699/ze/angular2-seeds-1713859629 

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