навигация вверх / вниз для таблицы, созданной с использованием flex in angular 6

Question

Я создал таблицу, используя flex следующим образом.

<form #consolidatedForm="ngForm">
                            <div class="flex-row" *ngFor="let item of model.balance.Assets; let i = index;">
                                <div class="flex-cell w-2 border border-no-bottom border-no-top border-no-left"> {{item.description | stringShorten:48}} </div>
                                <div class="flex-cell border border-no-left calculated" *ngFor="let value of item.wacValues"> {{value.value | wacNumber}} </div>
                                <div class="flex-cell border border-no-left" style="padding:1px 2px 1px 1px;">
                                    <input type="number" [disabled]="syncing" style="border:none;" [(ngModel)]="item.eliminationAdjustment"
                                           [ngModelOptions]="{standalone: true}" name="eliminationadjustment + i" (change)="syncCurrentAssets()" />
                                </div>
                                <div class="flex-cell border border-no-left calculated"> {{item.consolidatedStatement | wacNumber:true}} </div>
                            </div>
                        </form>

Есть ли какой-нибудь возможный способ перемещаться между каждой ячейкой в ​​строке сгиба под углом 6?