Introducing Laravel Quizzes! Play now

Laravel Livewire Tables Documentation

This is the documentation for v2. You can switch versions in the menu 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 footer.


setFooterStatus

Enabled by default, enable/disable the footer for the component.

public function configure(): void
{
    $this->setFooterStatus(true);
    $this->setFooterStatus(false);
}

setFooterEnabled

Enable the footer on the component.

public function configure(): void
{
    // Shorthand for $this->setFooterStatus(true);
    $this->setFooterEnabled();
}

setFooterDisabled

Disable the footer on the component.

public function configure(): void
{
    // Shorthand for $this->setFooterStatus(false);
    $this->setFooterDisabled();
}

setUseHeaderAsFooterStatus

Disabled by default, whether or not to use the secondary header as the footer.

public function configure(): void
{
    $this->setUseHeaderAsFooterStatus(true);
    $this->setUseHeaderAsFooterStatus(false);
}

setUseHeaderAsFooterEnabled

Use the secondary header as the footer.

public function configure(): void
{
    // Shorthand for $this->setUseHeaderAsFooterStatus(true);
    $this->setUseHeaderAsFooterEnabled();
}

setUseHeaderAsFooterDisabled

Use the footer as a stand-alone footer.

public function configure(): void
{
    // Shorthand for $this->setUseHeaderAsFooterStatus(false);
    $this->setUseHeaderAsFooterDisabled();
}

setFooterTrAttributes

Set any attributes on the footer row element.

public function configure(): void
{
    $this->setFooterTrAttributes(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->setFooterTrAttributes(function($rows) {
        return [
            'default' => true,
            'class' => 'bg-gray-100'
        ];
    });
}

setFooterTdAttributes

Set any attributes on the footer row cells.

public function configure(): void
{
    $this->setFooterTdAttributes(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->setFooterTdAttributes(function(Column $column, $rows) {
        if ($column->isField('id')) {
            return [
                'default' => true,
                'class' => 'text-red-500'
            ];
        }
    });
}

See also footer column configuration.