How to remove the empty space in the header

[marcwitteveen]

Hello,

I dont have any search bar, etc. on the top of my table, yet HTML code is rendered, see below. This code comes right after <div id="power-grid-table-base" class="" style="">....

<div>
        <div class="mb-3 md:flex md:flex-row w-full justify-between items-center">
        <div class="md:flex md:flex-row w-full">
            <div>
                <div>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
            </div>
            <div class="flex flex-row items-center text-sm flex-wrap">
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
            </div>
            <div class="hidden lg:!block">
    <div wire:loading="" class="mt-2 hidden">
        <svg class="animate-spin h-5 w-5 text-pg-primary-300 dark:text-pg-primary-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
        </svg>
    </div>
</div>
        </div>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
    </div>

    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

    <div>
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>
    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
</div>

If I remove the following code from header.blade.php the spacing is gone, but for some tables I want to have a search box.

@includeIf(data_get($setUp, 'header.includeViewOnTop'))
    <div class="mb-3 md:flex md:flex-row w-full justify-between items-center">
        <div class="md:flex md:flex-row w-full">
            <div>
                @include(powerGridThemeRoot() . '.header.actions')
            </div>
            <div class="flex flex-row items-center text-sm flex-wrap">
                @if (data_get($setUp, 'exportable'))
                    <div
                        class="mr-2 mt-2 sm:mt-0"
                        id="pg-header-export"
                    >
                        @include(powerGridThemeRoot() . '.header.export')
                    </div>
                @endif
                @includeIf(powerGridThemeRoot() . '.header.toggle-columns')
                @includeIf(powerGridThemeRoot() . '.header.soft-deletes')
                @if (config('livewire-powergrid.filter') == 'outside' && count($this->filters()) > 0)
                    @includeIf(powerGridThemeRoot() . '.header.filters')
                @endif
            </div>
            @includeWhen(boolval(data_get($setUp, 'header.wireLoading')),
                powerGridThemeRoot() . '.header.loading')
        </div>
        @include(powerGridThemeRoot() . '.header.search')
    </div>

Any thoughts?

Marc