Render PowerGrid Tables

• Blade View
• Routes File
• Multiple Tables per page
• Component Attributes
• Defer Loading

PowerGrid tables are Livewire components. Render them in a Blade view or from a route.

Blade View

HTML Tag

For app/Livewire/ProductTable.php:

resources/views/my-view.blade.php

<livewire:product-table />

Blade Directive

resources/views/my-view.blade.php

@livewire('product-table')

Component in sub-folder

For app/Livewire/Tables/ProductTable.php:

resources/views/my-view.blade.php

<livewire:tables.product-table />

Routes File

routes/web.php

Route::get('/product', ProductTable::class)->name('product-table');

Multiple Tables per page

Give each table a unique $tableName. See Table Reference Name.

If pagination is on, set a distinct ?page= name per table. See URL Page Parameter.

resources/views/my-view.blade.php

<livewire:product-table />

<livewire:user-table />

Component Attributes

Passing Attributes

tableName is a public property on the component:

resources/views/my-view.blade.php

<livewire:product-table tableName="ProductTable" />

<livewire:user-table tableName="UserTable" />

$tableName cannot be empty or default.

Passing Custom Attributes

Declare a matching public property on the table:

app/Livewire/ProductTable.php

class ProductTable extends PowerGridComponent
{
    public string $currency;
}

resources/views/my-view.blade.php

<livewire:product-table currency="USD" />

Defer Loading

See Defer Loading.