是否可以在ag-grid嵌套表格上方添加标题/自定义组件？

Question

我正在使用

ag-grid

（在

Angular

项目中）渲染嵌套表格，我想在子表格顶部添加标题和按钮。我在

ag-grid

文档中找不到任何内容。

我很乐意在那里渲染一个单独的自定义组件。关于如何做到这一点有什么想法吗？

欢迎任何解决方法或建议。

谢谢你。

Answer 1

一个选项是您可以添加到 ag-grid

[detailCellRenderer]="detailCellRenderer"

在 ts 文件中，您可以使用detailCellRenderer定义自己的组件和映射

public detailCellRenderer = PanelViewComponent;

自定义组件代码

@Component({
  selector: 'app-panel-view',
  templateUrl: './panel-view.component.html',
  styleUrls: ['./panel-view.component.scss'],
})
export class PanelViewComponent implements ICellRendererAngularComp {
public params!: ICellRendererParams;
agInit(params: ICellRendererParams): void {
    this.params = params;
  }
}

在 HTML 中，您可以定义您想要的任何子网格、表格、标题和按钮。