Filament•2y ago

Customizing the table header

I'm trying to define some content that should appear below my table header action buttons. I was originally, looking at specifying my own table header view file, which seems to work well, but I can't figure out how to include the header action buttons within that view file. Does anyone know if/how I would include the button actions in that view file (my code currently looks like this:)

protected function getTableHeader()
{
    return view(
        'filament.components.availabilities-table-header',
        [
            'actions' => $this->getTableHeaderActions()
        ]
    );
}

protected function getTableHeader()
{
    return view(
        'filament.components.availabilities-table-header',
        [
            'actions' => $this->getTableHeaderActions()
        ]
    );
}

This would be my ideal course of action, as it gives me the most precise control over my output. However, if that's not feasible, I've got another fallback (listed below). I noticed that there is a

.filament-tables-header-description

.filament-tables-header-description

element that appears below the

.filament-tables-header-heading

.filament-tables-header-heading

element in the final output, but I can't find how to edit/specify that content. Could someone shed some light on how I would modify that content?

1 Reply

Ryan DrewniakOP•2y ago

For anyone else looking for a similar solution here, I got it working by adding the following to my header view file:

<x-tables::actions
  :actions="$actions"
  alignment="right"
  wrap
  class="shrink-0"
/>

<x-tables::actions
  :actions="$actions"
  alignment="right"
  wrap
  class="shrink-0"
/>

Gaming

Programming

Customizing the table header