Таблица данных колоринг не работает в угловых 6 материалов дизайна

Question

Я использую таблицу данных дизайна материала для отображения данных. В этом столбце упорядочение работает для всех столбцов, кроме одного. Вот код для нерабочего столбца

<ng-container matColumnDef="Cost/Result">
    <th mat-header-cell *matHeaderCellDef mat-sort-header style="text-align: center;"> Cost/Result($) </th>
    <td mat-cell *matCellDef="let element" style="text-align: center;"> {{ (element.result!=0?(element.total_cpc/element.result):0)  | number:'1.2-2'}}  </td>
</ng-container>