Grid-Freeze control limitation

[Harish Kallem]

We are using Syncfusion angular grid freezeColumn property and as you can see in the image below, we need to select the last column ACTION as freeze and remaining columns should be scrollable.

[Praveenkumar Gajendiran]

Hi Harish,

Thanks for contacting Syncfusion support.

Query: “We are using Syncfusion angular grid freezeColumn property and as you can see in the image below, we need to select the last column ACTION as freeze and remaining columns should be scrollable.”

Based on your query and provided information, we suspect that your requirement is to freeze the particular column to the right side in the Grid, for this we suggest you use column.freeze feature of the Grid to achieve your requirement.

You can freeze the Grid columns on the left or right side by using the column.freeze property and the remaining columns will be movable. The grid will automatically move the columns to the left or right position based on the column.freeze value. Please refer the below code example, document and sample for more information, 

Code Example: 

              <ejs-grid #grid [dataSource]="data" height="400" [enableHover]="false"> 

                             <e-columns> 

                                           <e-column field="OrderID" headerText="Order ID" width="120" textAlign="Right"></e-column> 

                                           <e-column field="Freight" headerText="Freight" width="125" format="C2" textAlign="Right"></e-column> 

                                           <e-column field="CustomerID" headerText="Customer ID" width="130"></e-column> 

                                           <e-column field="OrderDate" headerText="Order Date" width="150" format="yMd" textAlign="Right"></e-column> 

                                           <e-column field="ShipName" headerText="Ship Name" width="300"></e-column> 

                                           <e-column field="ShipAddress" headerText="Ship Address" width="270"></e-column> 

                                           <e-column field="ShipCity" headerText="Ship City" width="250"></e-column> 

                                           <e-column field="ShipCountry" headerText="Ship Country" width="250" freeze="Right"></e-column> 

                             </e-columns> 

              </ejs-grid> 

Sample: https://stackblitz.com/edit/angular-rydc7h?file=app.component.html

Documentation Link: https://ej2.syncfusion.com/angular/documentation/grid/frozen/#freeze-direction

API Link: https://ej2.syncfusion.com/angular/documentation/api/grid/column/#freeze

NOTE: Freeze direction is not compatible with isFrozen and frozenColumns properties.

Please get back to us if you need further assistance.

Regards,
Praveenkumar G