在角度为6的网格表上的单个单元格中是否可以有多个可单击图标？

Question

我需要在ag-grid表格的表格单元中放置三个可单击的图标。我在我的项目中使用angular6。

Answer 1

是的，可以。

我们可以通过两种方式做到这一点： 它是columnDefs

的属性

1）cellRendererSelector

2）cellRendererFramework

HERE PLNKR链接：https://plnkr.co/edit/9woOFZL5uvIuyW363Xzy?p=preview

这里我们定义了renderFrameWork，它接受整个组件，在一个单元格中有三个按钮

            {
                headerName: "Clickable Component",
                field: "name",
                cellRendererFramework: ClickableParentComponent,
                width: 330
            }

在下面您可以看到单元格的定义组成部分

@Component({
    selector: 'ag-clickable',
    template: `
        <button style="height: 21px;WIDTH:50PX" (click)="click()" class="btn btn-info">Click</button>
        <button style="height: 21px;WIDTH:50PX" (click)="click()" class="btn btn-info">Click</button>
        <button style="height: 21px;WIDTH:50PX" (click)="click()" class="btn btn-info">Click</button>
    `,
    styles: [
        `.btn {
            line-height: 0.5;
            width: 100%;
        }`
    ]
})
export class ClickableComponent {
    @Input() cell: any;
    @Output() onClicked = new EventEmitter<boolean>();

    click(): void {
        this.onClicked.emit(this.cell);
    }
}

我建议您首先阅读有关单元格渲染的文档：

https://www.ag-grid.com/javascript-grid-cell-rendering/

在哪里可以找到您需要的东西