- Creating Columns
- Relationships
- Available Methods
- Other Column Types
- Column Selection
- Secondary Header
- Footer
- Reusable Columns
- Anonymous Columns
- Styling
- Standard Column
- Array Columns (beta)
- Avg Columns (beta)
- Boolean Columns
- Button Group Columns
- Color Columns
- Component Columns
- Count Columns (beta)
- Date Columns
- Icon Columns (beta)
- Image Columns
- Increment Column (beta)
- Link Columns
- Livewire Component (beta)
- Sum Columns (beta)
- View Component Columns
- Wire Link Column (beta)
- Introduction
- Creating Filters
- Applying Filters
- Available Methods
- Available Component Methods
- Available Filter Methods
- Introduction
- Boolean Filters (beta)
- Date Filters
- DateRange Filters
- DateTime Filters
- Multi-Select Dropdown Filters
- Multi-Select Filters
- NumberRange Filters
- Number Filters
- Select Filters
- Text Filters
- Livewire Custom Filter (Beta)
- Refreshing
- Loading Placeholder
- Multiple Tables Same Page
- Actions (beta)
- Adding Custom Markup
- Debugging
- Saving Table State
- Lifecycle Hooks
- Hiding The Table (beta)
- One Of Many Example
- Tools
Getting Started
Usage
DataTable
Columns
Column Types
Rows
Sorting
Pagination
Search
Bulk Actions
Filters
Filter Types
Reordering
Secondary Header
Footer
Examples
Misc.
Sponsored
Advanced Usage
Examples
🎉 Enjoying this package? Consider sponsoring me on GitHub or buying me a beer.
This is the documentation for v3. You can switch versions in the menu on the left/at the top. Check your current version with the following command:
composer show rappasoft/laravel-livewire-tables
Styling
setFooterTrAttributes
Set any attributes on the footer row element.
1public function configure(): void2{3 $this->setFooterTrAttributes(function($rows) {4 return ['class' => 'bg-gray-100'];5 });6}
By default, this replaces the default classes on the tr element, if you would like to keep them, set the default flag to true.
1public function configure(): void2{3 $this->setFooterTrAttributes(function($rows) {4 return [5 'default' => true,6 'class' => 'bg-gray-100'7 ];8 });9}
setFooterTdAttributes
Set any attributes on the footer row cells.
1public function configure(): void2{3 $this->setFooterTdAttributes(function(Column $column, $rows) {4 if ($column->isField('id')) {5 return ['class' => 'text-red-500'];6 }7 });8}
By default, this replaces the default classes on the td element, if you would like to keep them, set the default flag to true.
1public function configure(): void 2{ 3 $this->setFooterTdAttributes(function(Column $column, $rows) { 4 if ($column->isField('id')) { 5 return [ 6 'default' => true, 7 'class' => 'text-red-500' 8 ]; 9 }10 });11}