- Creating Columns
- Relationships
- Available Methods
- Other Column Types
- Column Selection
- Secondary Header
- Footer
Getting Started
Usage
DataTable
Columns
Rows
Sorting
Pagination
Search
Bulk Actions
Filters
Reordering
Secondary Header
Footer
Examples
Misc.
🎉 Enjoying this package? Consider sponsoring me on GitHub or buying me a beer.
This is the documentation for v2. 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
Available Methods
These are the available configuration methods for the secondary header.
setSecondaryHeaderStatus
Enabled by default, enable/disable the secondary header for the component.
public function configure(): void
{
$this->setSecondaryHeaderStatus(true);
$this->setSecondaryHeaderStatus(false);
}
setSecondaryHeaderEnabled
Enable the secondary header on the component.
public function configure(): void
{
// Shorthand for $this->setSecondaryHeaderStatus(true);
$this->setSecondaryHeaderEnabled();
}
setSecondaryHeaderDisabled
Disable the secondary header on the component.
public function configure(): void
{
// Shorthand for $this->setSecondaryHeaderStatus(false);
$this->setSecondaryHeaderDisabled();
}
setSecondaryHeaderTrAttributes
Set any attributes on the secondary header row element.
public function configure(): void
{
$this->setSecondaryHeaderTrAttributes(function($rows) {
return ['class' => 'bg-gray-100'];
});
}
By default, this replaces the default classes on the tr element, if you would like to keep them, set the default flag to true.
public function configure(): void
{
$this->setSecondaryHeaderTrAttributes(function($rows) {
return [
'default' => true,
'class' => 'bg-gray-100'
];
});
}
setSecondaryHeaderTdAttributes
Set any attributes on the secondary header row cells.
public function configure(): void
{
$this->setSecondaryHeaderTdAttributes(function(Column $column, $rows) {
if ($column->isField('id')) {
return ['class' => 'text-red-500'];
}
});
}
By default, this replaces the default classes on the td element, if you would like to keep them, set the default flag to true.
public function configure(): void
{
$this->setSecondaryHeaderTdAttributes(function(Column $column, $rows) {
if ($column->isField('id')) {
return [
'default' => true,
'class' => 'text-red-500'
];
}
});
}
See also secondary header column configuration.