使用ngx bootstrap typeahead的自定义ag网格角度单元格编辑组件未正确显示

Question

我创建了一个ngx bootstrap typeahead组件，用作ag网格应用程序中的下拉菜单。问题是下拉菜单没有填满单元格。

这是一个演示

<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>

Answer 1

您需要添加一个类来形成高度和宽度为100%的表单和输入，还需要删除.ag主题balham.ag单元格的填充

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

我在你的stackblitz上试过了，但无法保存这些更改。