Как вставить новую строку вверху таблицы матов

Question

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

Я хочу что-то похожее на это Stackblitz .но, а не добавление строки внизу, я хочу это в первом ряду

Answer 1

Чтобы поместить элемент в первую строку, в массиве есть метод с именем unshift().

Для этого возьмем для примера:

var a = [1,2,3,4];, если я хочу подтолкнуть 0 к a в первой позиции, я бы просто сделал a.unshift(0)

Все, что вам нужно сделать, это вместо .push(), использовать .unshift()

Я разбудил stackbltiz, чтобы помочь вам с решением https://stackblitz.com/edit/angular-axjzov-8zmcnp

Answer 2

Если ваш источник данных объявлен в вашем компоненте следующим образом:

dataSource = new MatTableDataSource<any>();

Вы можете добавить в верхнюю строку таблицы строку с помощью:

this.dataSource.data.unshift(newRowObject);