[BUG] @prizm-ui/components - Table: в таблице с древовидной структурой данных некорректно работает *ngIf для вложенных элементов

[ickisIckis]

Библиотека

Выберите нужное отметив галочку [x]

• @prizm-ui/core
• @prizm-ui/components
• @prizm-ui/install
• @prizm-ui/icons
• @prizm-ui/flag-icons
• @prizm-ui/theme
• @prizm-ui/charts
• @prizm-ui/ast
• @prizm-ui/nx-plugin

Компонент

Table

Версия

1.0.0-beta.33

Описание проблемы

Работаю над задачей, в которой необходимо скрыть или показать дополнительные колонки таблицы.
Таблица принимает данные в виде дерева, ряды создаются через *prizmRow. Состоянием колонок управляет *ngIf.

Есть следующая проблема:
При переключении состояния колонок, когда дерево уже раскрыто и таблица отрисована, для дочерних (скрываемых) рядов колонки не меняют своего состояния (не добавляются при попытке открыть и не удаляются при попытке закрыть).

Пример html:

`<tbody prizmTbody [data]="items$ | async">
<ng-container
*prizmRow="
let item of items$ | async;
getChildren: getTableChildren;
let i = index;
let parentItem = parentItem;
let deepLevel = deepLevel;
let count = count
"

<tr prizmTr #trElement>
  <td prizmTd *prizmCell="'tag'" (click)="treeButton.toggle()">
    <div class="col-tree flex-cell">
      <prizm-tree-button
        #treeButton
        [manualChange]="true"
        [visibilityIcon]="!!item.children"
        [open]="trElement.isChildrenOpened(i)"
        (openChange)="$event ? trElement.showChildren(i) : trElement.hideChildren(i)"
        [level]="deepLevel"
      >
      </prizm-tree-button>
      <div class="name-box">{{ item.name }}</div>
    </div>
  </td>
  <td prizmTd *prizmCell="'name'">{{ item.description }}</td>
  <td prizmTd *prizmCell="'currValue'">{{item.currValue}}</td>
  <td prizmTd *prizmCell="'prevValue'">{{ item.prevValue}}</td>
  <td prizmTd *prizmCell="'order'">{{ item.order }}</td>
  <td prizmTd *prizmCell="'send'">{{item.send}}</td>

  <ng-container *ngIf="showColumns$ | async">
    <td prizmTd *prizmCell="'correction'">{{item.correction}}</td>
    <td prizmTd *prizmCell="'delta'">{{item.delta}}</td>
    <td prizmTd *prizmCell="'threshold'">{{item.threshold}}</td>
  </ng-container>
</tr>

`

[ickisIckis]

В версии 1.0.0-rc.2 проблема все еще воспроизводится

[ickisIckis]

проблема воспроизводится при использовании директивы *prizmCell на ячейках

[ickisIckis]

Исправлено в версии 1.0.0-next.3
Спасибо!