1. Home
  2. Forum
  3. Angular - EJ 2
  4. Styling issue with Sync fusion grid, Need columns auto align as per the data

Styling issue with Sync fusion grid, Need columns auto align as per the data

Styling issue with Sync fusion grid, Need columns auto align as per the data


1 Reply
MA Mohammed Ansar Sathik Ali Syncfusion Team April 21, 2022 12:21 PM UTC

Hi Amithabh,


Greetings from Syncfusion support.


Query: To align the Grid’s column


Based on your query, you need to change the Grid’s column alignment. In Grid component, by default  grid column alignment is left we can change the alignment of the column using the property method column.textAlign .


For your convenience, we have attached code sample for your reference.


 <e-column field='CustomerName' headerText='Customer Name' width='150' textAlign='Right'></e-column>

 


Documentation: https://ej2.syncfusion.com/angular/documentation/api/grid/textAlign/


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


Please get back to us if you need further assistance on this.


Regards,

Mohammed Ansar ,


Loader.
Up arrow icon