Javascript 将下拉列表添加到角度网格剑道UI中的组标题

目前，我已经开发了一个剑道UI网格，其分组如下所示：

模板如下

<kendo-grid
    [kendoGridBinding]="gridData"
    scrollable="none"
    [group]="groups">
    <kendo-grid-column
      *ngFor="let column of customColumnList"
      field="{{column.field}}"
      title="{{column.title}}">
      </kendo-grid-column>
    <kendo-grid-column field="" title="Education Level">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <kendo-dropdownlist [data]="performanceListData"[value]="'Select Education'">
            </kendo-dropdownlist>
          </ng-template>
    </kendo-grid-column>
    <kendo-grid-column field="" title="Salary package">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
              <kendo-dropdownlist [data]="measurePackageData" [value]="'No'">
              </kendo-dropdownlist>
            </ng-template>
    </kendo-grid-column>
  </kendo-grid>

我需要在每个组标题中添加一个下拉列表，这样当我从中选择一个值时，所有分组的值都将被更新。我尝试添加为自定义表，但组模板的UI与表不对齐

对此有何建议