Let's create a filter table component in Vue
A plain table element displaying your data in Vue is pretty boring, let's make it more dynamic!
In this video, we'll use computed properties, events, fetch requests, and emits to build out a component that acts like a filter and search table with Vue 3 and the Composition API.
By the end of the video, we'll be able to search through a data set with text, select based on radio button options, or choose multiple statuses with checkboxes.
0:00 Intro
0:58 Setting up the table
3:55 Pulling in data
6:37 Adding the filter components
8:52 Search bar
16:54 Radio buttons
22:34 Dropdown checkboxes
30:18 Wrap up
Send me new video ideas and vote on what's coming next: https://suggest.gg/aschmelyun
Follow me on Twitter! / aschmelyun
Join my newsletter, where I send out new information about twice a month in the PHP, JavaScript, and Docker realms: https://aschmelyun.substack.com
Watch video Let's create a filter table component in Vue online without registration, duration hours minute second in high quality. This video was added by user Andrew Schmelyun 04 October 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 26,731 once and liked it 748 people.