Tabela da Tela de Conteúdos Projeto Bloco Dois Curso de Laravel - https://laravelmastery.com.br

tailwind-table.blade.php

    <div class="shadow overflow-hidden border-b border-gray-200 sm:rounded-lg">
        <table class="min-w-full divide-y divide-gray-200">
            <thead class="bg-gray-50">
            <tr>
                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                    Title
                </th>
                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                    Criado em
                </th>
                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                    Ação
                </th>
            </tr>
            </thead>
            <tbody class="bg-white divide-y divide-gray-200">

            @foreach($contents as $content)
                <tr>
                    <td class="px-6 py-4 whitespace-nowrap">
                        <div class="text-sm text-gray-900">{{$content->title}}</div>
                    </td>

                    <td class="px-6 py-4 whitespace-nowrap">
                        <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
                          {{$content->created_at->format('d/m/Y H:i:s')}}
                        </span>
                    </td>

                    <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                        <div class="flex">
                            <a href="{{route('content.edit', $content)}}"
                               class="px-2 py-1 border border-blue-600 rounded mr-2">Editar</a>

                            <livewire:content.delete :content="$content"></livewire:content.delete>
                        </div>
                    </td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>