<x-ui::table.table>
    <x-ui::table.header>
        <x-ui::table.row>
            <x-ui::table.header-cell> Name    </x-ui::table.header-cell>
            <x-ui::table.header-cell> Age     </x-ui::table.header-cell>
            <x-ui::table.header-cell> Friends </x-ui::table.header-cell>
            <x-ui::table.header-cell> Edit    </x-ui::table.header-cell>
        </x-ui::table.row>
    </x-ui::table.header>

    <x-ui::table.body>

        <x-ui::table.row>
            <x-ui::table.cell> Bruce Wayne</x-ui::table.cell>
            <x-ui::table.cell> 52</x-ui::table.cell>
            <x-ui::table.cell> Robin, Batgirl</x-ui::table.cell>
            <x-ui::table.cell> @icon(pencil)</x-ui::table.cell>
        </x-ui::table.row>

        <x-ui::table.row>
            <x-ui::table.cell> Bruce Wayne</x-ui::table.cell>
            <x-ui::table.cell> 52</x-ui::table.cell>
            <x-ui::table.cell> Robin, Batgirl</x-ui::table.cell>
            <x-ui::table.cell> @icon(pencil)</x-ui::table.cell>
        </x-ui::table.row>

        <x-ui::table.row>
            <x-ui::table.cell> Bruce Wayne</x-ui::table.cell>
            <x-ui::table.cell> 52</x-ui::table.cell>
            <x-ui::table.cell> Robin, Batgirl</x-ui::table.cell>
            <x-ui::table.cell> @icon(pencil)</x-ui::table.cell>
        </x-ui::table.row>

    </x-ui::table.body>

</x-ui::table.table>