Выровняйте столы вверху - Angular столов и мат-карт - PullRequest
Новая
       11

Выровняйте столы вверху - Angular столов и мат-карт

1 голос
/ 12 марта 2020

Я пытаюсь выровнять две таблицы к вершине. Без успеха - см. Прикрепленный скриншот.

Неровные таблицы

Я пытался использовать вертикальное выравнивание на каждом возможном уровне - безуспешно.

Все идеи очень ценятся.

Мой HTML код выглядит следующим образом: 

<div fxLayout="row" fxLayoutAlign="space-between center" fxLayoutGap="20px">
    <div fxFlex="50">
        <mat-card style="box-shadow: none;">
...
            <mat-card-content>
                <div class="mat-elevation-z8" style="vertical-align: top;">
                    <table mat-table [dataSource]="dataCurrentAssets" style="width:100%; vertical-align: top;">

 ...
                    </table>
                </div>
            </mat-card-content>
        </mat-card> 
    </div>
    <div fxFlex="50" style="vertical-align: top;">
        <mat-card style="box-shadow: none;vertical-align: top;">
...
            <mat-card-content style="vertical-align: top;">
                <div class="mat-elevation-z8" style="vertical-align: top;">
                    <table mat-table [dataSource]="dataCurrentLiabilities" style="width:100%;vertical-align: top;">

...
                    </table>
                </div>
            </mat-card-content>
        </mat-card> 
    </div>
</div>

Ответы [ 2 ]

1 голос
/ 12 марта 2020

try fxLayoutAlign с start

<div fxLayout="row" fxLayoutAlign="space-around start" >

См. Макеты демонстраций

0 голосов
/ 12 марта 2020

Эта проблема находится в выравнивании, предоставленном вами. Заменить «центр» на «начало». Пожалуйста, используйте строку ниже (это первая строка в вашем коде). Ниже необходимо изменить: 

<div fxLayout="row" fxLayoutAlign="space-between start" fxLayoutGap="20px">
...