Laravel-Training-Project/resources/views/livewire/show-reports.blade.php

<div>
    <div id="datatable-config"
         data-datatable-name="{{ $datatableName }}"
         data-datatable-columns-config='@json($datatableColumnsConfig)'>
    </div>

    <table id="{{$datatableName}}-table" class="bg-white border border-gray-300">
        <thead>
        <tr>
        @foreach($datatableHeadersConfig as $headerConfig)
            <th wire:key="{{$headerConfig['header']}}" class="border border-gray-300 px-4 py-2">{{$headerConfig['header']}}</th>
        @endforeach
        </tr>

        <tr>
            @foreach($datatableHeadersConfig as $headerConfig)
                <th wire:key="{{$headerConfig['header']}}" class="border border-gray-300 px-4 py-2"><input type="text" id="nameFilter" placeholder="Search Name" /></th>
            @endforeach
        </tr>
        </thead>
        <tbody></tbody>

    </table>


</div>