<div class="relative overflow-x-auto shadow-md sm:rounded-lg">
    <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
        <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
            <tr>
                {% for column in columns %}<th scope="col" class="px-6 py-3">{{ column }}</th>{% endfor %}
            </tr>
        </thead>
        <tbody>
            {{ slot }}
        </tbody>
    </table>
</div>
