Get header name

<UDropdownMenu
  :items="
    table?.tableApi
      ?.getAllColumns()
      .filter((column: any) => column.getCanHide())
      .map((column: any) => {
        console.log(column);
        return {
          label: upperFirst(column.id),
          type: 'checkbox' as const,
          checked: column.getIsVisible(),
          onUpdateChecked(checked: boolean) {
            table?.tableApi?.getColumn(column.id)?.toggleVisibility(!!checked)
          },
          onSelect(e?: Event) {
            e?.preventDefault()
          }
        }
      })
  "
  :content="{ align: 'end' }"
>
  <UButton
    label="Display"
    color="neutral"
    variant="outline"
    trailing-icon="i-lucide-settings-2"
  />
</UDropdownMenu>

<UDropdownMenu
  :items="
    table?.tableApi
      ?.getAllColumns()
      .filter((column: any) => column.getCanHide())
      .map((column: any) => {
        console.log(column);
        return {
          label: upperFirst(column.id),
          type: 'checkbox' as const,
          checked: column.getIsVisible(),
          onUpdateChecked(checked: boolean) {
            table?.tableApi?.getColumn(column.id)?.toggleVisibility(!!checked)
          },
          onSelect(e?: Event) {
            e?.preventDefault()
          }
        }
      })
  "
  :content="{ align: 'end' }"
>
  <UButton
    label="Display"
    color="neutral"
    variant="outline"
    trailing-icon="i-lucide-settings-2"
  />
</UDropdownMenu>