Пользовательский компонент редактирования угловой ячейки ag-grid, использующий заголовок ngx-bootstrap, отображается неправильно - PullRequest
Новая
       42

Пользовательский компонент редактирования угловой ячейки ag-grid, использующий заголовок ngx-bootstrap, отображается неправильно

0 голосов
/ 30 октября 2019

Я создал компонент typeghead ngx-bootstrap для использования в качестве раскрывающегося списка в приложении ag-grid. Проблема в том, что выпадающий список не заполняет ячейку.

Вот демоверсия 

<form [formGroup]="myForm">
<input formControlName="item"
     [typeahead]="items"
     [typeaheadScrollable]="true"
     [typeaheadMinLength]="0"
     (focusin)="$event.target.value = ''"
     placeholder="Typeahead inside a form"
     class="form-control">
 </form>

1 Ответ

1 голос
/ 31 октября 2019

Вам нужно добавить класс для формы и ввода с высотой и шириной 100%, также необходимо удалить отступы для .ag-theme-balham .ag-cell 

::ng-deep .ag-theme-balham .ag-cell {
  padding-left: 0px;
  padding-right: 0px;
}

Я пробовал на вашемstackblitz, но не могу сохранить эти изменения.

...