我希望将两个农业网格合并为一个网格

Question

我有一个使用 angular 的农业网格。当我单击比较和 select 一个选项时，我需要以与原始网格相同的格式但列显示此现有网格中的数据。

示例：我有一行 ->（现有网格）header1 header2 header3

在 selectcomapre 之后，我应该得到这个网格（更新的网格）header1 +header1 header2 +header2 header3 +header3 我需要让网格中的列彼此相邻才能比较数据。

如何交替附加网格的列？

Answer 1

您必须在要比较时更新 ag 网格列定义：

compare() {
    const columnDef = [
        { headerName: 'header 1', field: 'header1' },
        { headerName: 'second header 1', field: 'secondHeader1' },
        { headerName: 'header 2', field: 'secondHeader2' },
        { headerName: 'second header 2', field: 'header2' },
        { headerName: 'header 3', field: 'secondHeader3' }
        { headerName: 'second header 3', field: 'header3' }
    ];
...

那么你应该像这样更新 ag grid column def:

this.gridApi.setColumnDefs(columnDef);

你也应该更新网格数据：

this.gridApi.setRowData(newData) //
}

我希望将两个农业网格合并为一个网格

I am looking to combine two ag-grids into a single grid

angular

ag-grid-angular