сортировка таблиц в угловых 6 приложений

Question

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

Данные будут массивом и будут привязаны к HTML

  <div class='table_row' *ngFor="let data of myOrder; let i=index">

и, наконец, данные, поступающие из массива, привязываются к каждой ячейке или столбцу.

<div class='table_small'>
        <div class='table_cell'>Order</div>
        <div class='table_cell'>
          <p>{{data.executionDate | date: 'dd/MM/yy hh:mm'}}</p>
</div>
</div>

Приведенный выше столбец таблицы предназначен только для демонстрации. Фактические значения имеют строковое и числовое значение, а не дату.

Answer 1

Вам необходимо обработать событие onClick для стрелок вверх и вниз и реализовать собственную настраиваемую сортировку.

, например, HTML:

<table>
    <tr>
        <th (onClick)="sortNumberColumn()>Number Column</th>
    </tr>
</table>

Компонент:

public ascNumberSort = true;
public sortNumberColumn() {
    this.ascNumberSort = !this.ascNumberSort;
    if(this.ascNumberSort) {
        this.numberColumn.sort((a, b) => a - b); // For ascending sort
    } else {
        this.numberColumn.sort((a, b) => b - a); // For descending sort
    }
}

Выше приведен только пример, я не скомпилировал этот код.Это просто, чтобы дать вам понимание.