Loading Placeholder

Show a placeholder while the table is fetching data. True deferred loading is handled by Livewire itself, not by the package.

$this->setLoadingPlaceholderEnabled()

Not available in v3: deferLoading()

This version of Laravel Livewire Tables has no component-level deferred/lazy load method. What it does offer is the Loading Placeholder (setLoadingPlaceholderEnabled(), setLoadingPlaceholderStatus(), setLoadingPlaceholderContent(), setLoadingPlaceholderBlade()), which shows a placeholder during requests but does not defer the initial load.

For true deferral, use Livewire's own lazy loading on the wrapping component — <livewire:demos.tables.deferred-demo-table lazy /> or the #[Lazy] attribute — not a package method. The demo below uses the loading placeholder.

Example Usage DeferredLoadingTable.php
public function configure(): void
{
    $this->setPrimaryKey('id')
        ->setLoadingPlaceholderEnabled();  // Show a placeholder during requests

    // NOTE: deferLoading() does not exist in this version.
    // The placeholder is shown while a request is in flight,
    // it does NOT defer the initial load.

    // To actually defer the initial load, use Livewire:
    //   <livewire:demos.tables.deferred-demo-table lazy />
}

How It Works

1
Page Loads
HTML renders immediately with a loading placeholder
2
Async Fetch
Livewire fetches table data in the background
3
Data Displays
Table content replaces the placeholder smoothly

Live Demo

Refresh the page to see the loading placeholder before data appears

1 Miss Eve Will [email protected] 97% ✓ Active
2 Mr. Cornelius Hansen DDS [email protected] 17% ✗ Inactive
3 Dr. Albertha Abbott [email protected] 70% ✗ Inactive
4 Citlalli Berge PhD [email protected] 26% ✗ Inactive
5 Mr. Austen Harber [email protected] 35% ✓ Active
6 Raegan Pfannerstill PhD [email protected] 60% ✓ Active
7 Dan Ebert [email protected] 21% ✓ Active
8 Mertie Kohler [email protected] 56% ✓ Active
9 Prof. Cornelius Herzog DDS [email protected] 41% ✗ Inactive
10 Barbara Metz [email protected] 37% ✗ Inactive

Showing 1 to 10 of results