TrackBy повторно использовать через вложенные ngFors (вложенные или двумерные массивы)

Question

В следующем примере:
https://stackblitz.com/edit/track-by-reuse?file=src/app/app.component.ts
если вы измените число столбцов с 4 на 3, то элементы td с 1, 2, 3, 5, 6 и 9 будут повторно использованы из-за функций trackBy, но 4, 7 и 8, и будут повторно визуализированы, поскольку они перемещаются из одного tr элемент к следующему.

Есть ли способ отслеживать элементы через вложенные ngFors? Может ли это быть запросом функции?

Пример здесь https://stackoverflow.com/a/45308735/6656422, похоже, не работает.

Answer 1

Вы можете попытаться избежать использования table и переключиться на макет CSS (загрузочные столбцы, может быть, flexbox?), Таким образом, у вас будет только один цикл, и, следовательно, таблица будет отображаться как простой список, эффективно используя trackBy.