jqwidgets-framework/demos/Angular/src/treegrid/columnalignment/app.component.html

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<jqxTreeGrid [width]="getWidth()"
             [source]="dataAdapter"
             [sortable]="true"
             [columns]="columns"
             #TreeGrid>
</jqxTreeGrid>

<div style="font-size: 13px; font-family: Verdana; width: 600px; margin-top: 10px;">
  <div style="float: left; width: 300px">
    <h4>Column Alignment</h4>
    <jqxDropDownList #columnAlignment
                     (onChange)="columnAlignmentChange($event)"
                     [height]="25"
                     [selectedIndex]="0"
                     [autoDropDownHeight]="true"
                     [source]="['Left', 'Center' , 'Right' ]">
    </jqxDropDownList>
  </div>
  <div style="float: left; width: 300px">
    <h4>Cells Alignment</h4>
    <jqxDropDownList #cellsAlignment
                     (onChange)="cellsAlignmentChange($event)"
                     [height]="25"
                     [selectedIndex]="0"
                     [autoDropDownHeight]="true"
                     [source]="['Left', 'Center' , 'Right' ]">
    </jqxDropDownList>
  </div>
</div>