Frozen right Side Column in Grid

[Deepak Jain]

Hi Team,

How to frozen right side column in grid?

[Manivel Sellamuthu]

Hi Deepak, 

Greetings from Syncfusion support. 

By default in EJ2 Grid the freezing feature from the right side columns is not supported in Grid . We have already logged this as a feature request ‘Support for moving Frozen columns to the Right Side of Grid’ and We will include the feature support - “Support for moving Frozen columns to the Right Side of Grid” in our upcoming Volume 4 Main Release. we will update you once it was completed. We appreciate your patience until then.  

You can track the status of this feature through the below feedback link. 

Feedback link: https://www.syncfusion.com/feedback/2443/support-to-freeze-columns-to-the-right-side-of-grid  

Regards, 

Manivel 

[Deepak Jain]

Hello Team,

Is there any update on this feature ?

[Manivel Sellamuthu]

Hi Deepak, 

Thanks for your update. 

We have already started working on this feature and it will be included in the upcoming Volume 4, 2020 Release, Which is expected to be released in the month of December. 

We will notify once the feature is implemented. Until then we appreciate your patience. 

Regards, 

Manivel 

[Deepak Jain]

Thanks for your update

[Manivel Sellamuthu]

Hi Deepak, 

Thanks for your update. 

You can track the status of this feature through the below feedback link.  

Feedback link: https://www.syncfusion.com/feedback/2443/support-to-freeze-columns-to-the-right-side-of-grid 

We will notify you once the feature is implemented. Please let us know, if you need further assistance. 

Regards, 

Manivel 

[Nagendra Gupta]

Hi Team,

Thanks for the feature. But unfortunately, I am unable to use this with column binding from JSON.  

 [columns]="columnList" 

column.freeze = 'right'

  "@syncfusion/ej2-angular-grids": "^18.4.47",

[Vignesh Sivagnanam]

Hi Nagendra  

Thanks for the update 

Based on your query we found that you have faced difficulties in implementing the feature to the grid. So, we have prepared a sample and in this sample we have provided the right frozen column to the grid. 

Please refer the below Sample and Code example for your reference, 

Sample : https://stackblitz.com/edit/angular-crqzdg?file=app.component.ts 

app.component.html 

    <ejs-grid [dataSource]='data' height='500' [columns]="orderColumns">  </ejs-grid> 

…………………………………………………………………. 

app.component.ts 

export class AppComponent { 

  public data: Object[] = []; 

  public orderColumns: ColumnModel[]; 

  ngOnInit(): void { 

    this.data = orderDetails; 

    this.orderColumns = [ 

      { 

        field: "OrderID", 

        headerText: "Order ID", 

        width: "180", 

        textAlign: "Right" 

      }, 

      …………………………………… 

      { 

        field: "ShipCountry", 

        headerText: "Ship Country", 

        width: "180", 

        freeze: "Right", 

        minWidth: 10 

      }, 

    ]; 

    this.orderColumns.forEach(column => { 

      if (column.field === "CustomerName") {  

        column.freeze = "Right";                                                     //From you code example, we have iterated  

      }                                                                                                     the columns and provide the freeze for particular column. 

    }); 

  } 

} 

Demo: https://ej2.syncfusion.com/angular/demos/#/material/grid/frozen-api 

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

Limitations : https://ej2.syncfusion.com/angular/documentation/grid/frozen/#limitations-of-frozen-grid 

Regards 

Vignesh Sivagnanam