DataTable: Column Group Filters

[AquariusAdamM]

Describe the bug

When using ColumnGroup and setting type header I get the multiple rows for the header of the table but the filters disappear and can't be added to the columns.

<script setup>
import DataTable from 'primevue/datatable'
import Column from 'primevue/column'
import ColumnGroup from 'primevue/columngroup'
import Row from 'primevue/row'
import { ref } from 'vue'

const filters = ref({
  title: ''
})
</script>
<template>
  <DataTable v-model:filters="filters" filterDisplay="row">
    <ColumnGroup type="header">
      <Row>
        <Column header="Something" :colspan="2" field="title" />
        <Column header="Important" :colspan="1" field="due_date" />
      </Row>
      <Row>
        <Column header="Title" field="title" />
        <Column header="Due Date" field="due_date" />
        <Column header="Team" field="team" />
      </Row>
    </ColumnGroup>
    <Column header="Title" field="title" :show-filter-menu="false">
      <template #filter>
        <input v-model="filters.title" placeholder="Search by Title" />
      </template>
    </Column>
    <Column header="Due Date" field="due_date" />
    <Column header="Team" field="team" />
    <template #empty>No data</template>
  </DataTable>
</template>

If I remove the type from the ColumnGroup, I don't get the multiple headers on the table but I regain the ability to use filters on the data table.

<script setup>
import DataTable from 'primevue/datatable'
import Column from 'primevue/column'
import ColumnGroup from 'primevue/columngroup'
import Row from 'primevue/row'
import { ref } from 'vue'

const filters = ref({
  title: ''
})
</script>
<template>
  <DataTable v-model:filters="filters" filterDisplay="row">
    <ColumnGroup>
      <Row>
        <Column header="Something" :colspan="2" field="title" />
        <Column header="Important" :colspan="1" field="due_date" />
      </Row>
      <Row>
        <Column header="Title" field="title" />
        <Column header="Due Date" field="due_date" />
        <Column header="Team" field="team" />
      </Row>
    </ColumnGroup>
    <Column header="Title" field="title" :show-filter-menu="false">
      <template #filter>
        <input v-model="filters.title" placeholder="Search by Title" />
      </template>
    </Column>
    <Column header="Due Date" field="due_date" />
    <Column header="Team" field="team" />
    <template #empty>No data</template>
  </DataTable>
</template>

Reproducer

https://stackblitz.com/edit/primevue-4-datatable-columngroup-filter?file=src%2FApp.vue

PrimeVue version

4.0.0

Vue version

4.x

Language

ES6

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

I would expect the filter to be showing when you add type="header" to a ColumnGroup.

[brandolin-infofactory]

+1
We have the same need

[dmsmidt]

Fine work supporting this combination. Note that this only fixes the issue for filterDisplay="row" not filterDisplay="menu". Would also be great to have.