Tables

Filament-style data tables assembled from small, composable Blade parts. This demo is fully live: search, filter, sort and bulk-select are powered by Livewire.

Forms Elements

Members

+2 this week

Active

Live data table #

Search, filter by role or status, sort by any column header and select rows to reveal bulk actions.

	Member	Role	Status	Team
	AF Ama Flux ama@duro.test	Developer	Invited	Gridworks
	DO Duro Overseer overseer@duro.test	Overseer	Active	Core Systems
	JP Jonah Pike jonah@duro.test	Developer	Active	Gridworks
	KS Kelechi Sol kelechi@duro.test	Designer	Paused	Interface Guild
	MD Mira Dawn mira@duro.test	Architect	Archived	Mystic Systems
	PS Priya Stone priya@duro.test	Designer	Active	Interface Guild
Showing 6 of 6 members · sorted by name (asc)

<x-duro::table.table>
                <x-duro::table.head>
                    <x-duro::table.header-cell sortable direction="asc" wire:click="sort('name')">Member</x-duro::table.header-cell>
                    <x-duro::table.header-cell>Status</x-duro::table.header-cell>
                </x-duro::table.head>
                <x-duro::table.body>
                    @foreach ($members as $member)
                        <x-duro::table.row wire:key="member-{{ $member->id }}">
                            <x-duro::table.image-column :name="$member->name" :description="$member->email" />
                            <x-duro::table.badge-column :value="$member->status" :colors="['active' => 'success']" />
                        </x-duro::table.row>
                    @endforeach
                </x-duro::table.body>
            </x-duro::table.table>

Grouped rows #

Group records under labelled dividers, for teams, departments or dates.

Member	Role	Status
Core Systems 1
Duro Overseer overseer@duro.test	Overseer	active
Gridworks 2
Ama Flux ama@duro.test	Developer	invited
Jonah Pike jonah@duro.test	Developer	active
Interface Guild 2
Kelechi Sol kelechi@duro.test	Designer	paused
Priya Stone priya@duro.test	Designer	active
Mystic Systems 1
Mira Dawn mira@duro.test	Architect	archived

Empty state #

Friendly guidance when a query returns nothing.

This table is waiting

Connect a data source or create your first record to get started.