Layout header theme classes

[nirvale]

Hello, I did modify the code into:

vendor/power-components/livewire-powergrid/resources/views/components/frameworks/daisyui/header.blade.php

`

@includeIf(data_get($setUp, 'header.includeViewOnTop'))

<div class="{{ theme_style($theme, 'table.layout.layoutHeader') }}">
    <div class="md:flex md:flex-row w-full gap-1">
        <div x-data="pgRenderActions">
            <span class="pg-actions" x-html="toHtml"></span>
        </div>
        <div class="flex flex-row items-center text-sm flex-wrap gap-2">
            @if (data_get($setUp, 'exportable'))
                <div
                    class="mr-2 mt-2 sm:mt-0"
                    id="pg-header-export"
                >
                    @include(data_get($theme, 'root') . '.header.export')
                </div>
            @endif
            @includeIf(data_get($theme, 'root') . '.header.toggle-columns')
            @includeIf(data_get($theme, 'root') . '.header.soft-deletes')
            @if (config('livewire-powergrid.filter') == 'outside' && count($this->filters()) > 0)
                @includeIf(data_get($theme, 'root') . '.header.filters')
            @endif
        </div>
        @includeWhen(boolval(data_get($setUp, 'header.wireLoading')),
            data_get($theme, 'root') . '.header.loading')
    </div>
    @include(data_get($theme, 'root') . '.header.search')
</div>

@includeIf(data_get($theme, 'root') . '.header.enabled-filters')

@includeWhen(data_get($setUp, 'exportable.batchExport.queues', 0), data_get($theme, 'root') . '.header.batch-exporting')
@includeWhen($multiSort, data_get($theme, 'root') . '.header.multi-sort')
@includeIf(data_get($setUp, 'header.includeViewOnBottom'))
@includeIf(data_get($theme, 'root') . '.header.message-soft-deletes')

`

only eplace:
class="mb-3 md:flex md:flex-row w-full justify-between items-center"
with:
{{ theme_style($theme, 'table.layout.layoutHeader') }}"

in the second div, and now I can add or replace classes to the layout header in my custom Theme like that:

public function table(): array
{
    return [
        'layout' => [
            'base' => 'p-3 align-middle inline-block min-w-full w-full sm:px-6 lg:px-8',
            'div' => 'rounded-t-sm relative border-x border-t border-base-300 ',
            'table' => 'table',
            'container' => '-my-2 overflow-x-auto sm:-mx-3 lg:-mx-8',
            'actions' => 'gap-2 ',
            'layoutHeader'=>'mb-3 md:flex md:flex-row w-full justify-between items-center'
        ],

        'header' => [
            'thead' => 'text-base-content !capitalize',
            'tr' => 'bg-base-100/50',
            'th' => '',
            'thAction' => '',
        ],

        'body' => [
            'tbody' => '',
            'tbodyEmpty' => '',
            'tr' => 'hover:bg-info/30 text-base-content bg-base-100/80',
            'td' => 'border-b py-1',
            'tdEmpty' => '',
            'tdSummarize' => '',
            'trSummarize' => '',
            'tdFilters' => '',
            'trFilters' => '',
            'tdActionsContainer' => 'flex gap-2',
        ],
    ];
}`

`

could be a good idea implement it into the main code?

Thank you.