@props(['headers' => [], 'id' => ''])

<div class="table-responsive">
    <table id="{{ $id }}" class="display" style="min-width: 845px">
        <thead>
            <tr>
                @forelse ($headers as $header)
                <th > {{ $header }}</th>
                @empty
                    <th> ID </th>
                @endforelse
            </tr>
        </thead>
        <tbody>
           {{ $slot }}
        </tbody>
    </table>
</div>