Custom Data Table sorting arrows not changed

Custom Data table sorting arrows are not changing, Good thing is sorting is working but arrows are not changing Here are the pictures Sort By asc

Sort By Desc

Here is my code

`<table td-data-table #dataTable>

<th td-data-table-column *ngFor="let column of columns" [numeric]="column.numeric" 

[sortable]=“true” [sortOrder]=“columnSortOrders[column.name]” (sortChange)=“sort($event,column.name)”> {{column.label}}

<tbody>
  
    <tr td-data-table-row *ngFor="let row of filteredData; let index=index" on-mouseover="hoveredIndex=index">
        <td td-data-table-cell *ngFor="let column of columns" [numeric]="column.numeric">
            {{column.format ? column.format(row[column.name]) : row[column.name]}}
        </td>
        

    </tr>
</tbody>

`

What thing is wrong ? it should change the arrows also for Customs Data Table, We need Custom because we need to add custom buttons and menus

[aliabbas-2012]

Sure tomorrow

Thanks

[aliabbas-2012]

Many Thanks