выровняйте форму углового материала и поле - PullRequest
Новая
       8

выровняйте форму углового материала и поле

0 голосов
/ 08 июня 2018

Я пытаюсь выровнять поле формы углового материала и поле-мат в одной строке.Я хотел бы, чтобы поле формы находилось на одном уровне слева, а поле на странице - на правом.Слишком много отступов, как есть.Кто-нибудь может помочь? 

<div class="container-fluid">
  <div class="row">
    <div class="col-6">
      <mat-form-field>
        <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search:">
      </mat-form-field>
    </div>
    <div class="col-6">
      <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
    </div>
  </div>
</div>

1 Ответ

0 голосов
/ 10 июня 2018

Проблема решена.Я добавил стиль css для строки. 

.spaceBetweenFlex {
  display: flex;
  flex - direction: row;
  justify - content: space - between;
}
<div class="container-fluid">
  <div class="row">
    <div class="col-12 spaceBetweenFlex">
      <mat-form-field>
        <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search:">
      </mat-form-field>
      <div>&nbsp;</div>
      <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
    </div>
  </div>
</div>
...