CODEWITHSUNDEEP
ag-grid-vue
user29606229
user29606229

Reputation: 1

How can I merge cells of Ag-grid-vue3?

I try to use 'rowspan' in ag-grid-vue3 but it's works like this. Second cell is still alive. This is my code

const diagnosisListGridOptions = ref({ rowData: diagnosisListRowData.value, suppressRowTransform: true,

columnDefs: [
    {
        headerName: 'date',
        field: 'date',
        cellClass: 'cell-data',
        editable: false,
        valueFormatter: (params) => {
            return formatter.formatDate(params.value);
        },
        rowSpan: params => {
            return params.data.date === '20250210' ? 2 : 1;
        },
        // cellRenderer: 'ShowCellRenderer',
        // cellClassRules: {
        //     'cell-span': 'value==="20250210"'
        // },
        flex: 1
    },

enter image description here

enter image description here i want to like this

Upvotes: 0

Views: 13

Answers (0)

Related Questions