The Filament Table Builder is a TALL stack table component. You can use this table component as a standalone package, and it's also included with the Admin Panel.
Using the package's HasTable
interface and InteractsWithTable
trait, you can quickly build a table backed by an Eloquent query that you define:
1namespace App\Http\Livewire; 2 3use App\Models\Post; 4use Filament\Tables; 5use Illuminate\Contracts\View\View; 6use Illuminate\Database\Eloquent\Builder; 7use Livewire\Component; 8 9class ListPosts extends Component implements Tables\Contracts\HasTable10{11 use Tables\Concerns\InteractsWithTable;12 13 protected function getTableQuery(): Builder14 {15 return Post::query();16 }17 18 public function render(): View19 {20 return view('list-posts');21 }22}
Beyond the basics, this package supports features that'll make implementing an interactive table with Livewire a cinch:
- Customizable pagination
- Record searching via Laravel Scout
- Clickable rows
- Empty state
- Store table state in the query string
- Table column types (text column, image column, boolean column, etc.)
- Table filters
- Table actions
- Bulk actions
If you'd like to learn more about using the Filament Tables package with the TALL stack, check out the Table Builder documentation to get started!
0 comments:
Post a Comment
Thanks