Data Tables

Product filtering

18:46 · By Caleb Porzio

Level up. Big time.

Instant access to over 8 hours of content. Explore tons of course code and use it in your own apps.

Yearly

$69 /yearly

Access all screencasts and source code by subscribing on a yearly basis.

Lifetime

$149

Pay once, and get access to all future screencasting content. Forever.

Already a GitHub sponsor? Email us for a discount.

Let's add our first global filter for the dataset: product filtering. We'll add dropdown with product checkboxes on the page allowing users to select specific products they'd like to see order data for on the page. We'll introduce a novel technique in Livewire will to encapsulate these global filters by extracting a form-object and passing it reactively to all components on the page.

Share