How to rename the default name for the group header

[HaroldSP]

or at least completely hide that coulumn to make it look like it was in vuetify 2:

right now the only stable solution I made was simply manipulate the DOM after rendering which is obviously not ver nice...

onMounted(() => {
  handleDataLoaded();
  console.log(
    '${rowsPerPage}, ${tableSize}',
    rowsPerPage.value,
    tableSize.value
  );

  // ✅ Rename "Group" column header after render
  nextTick(() => {
    const interval = setInterval(() => {
      const groupHeaderCell = document.querySelector(
        '.v-data-table__th .v-data-table-header__content span'
      );

      if (groupHeaderCell && groupHeaderCell.textContent === 'Group') {
        groupHeaderCell.textContent = 'SOMEOTHERNAME';
        clearInterval(interval);
      }
    }, 100);
  });
});

[babu-ch]

I replaced like this

    <template #header.data-table-group>SOMEOTHERNAME!</template>