Lets 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: Follow me on Twitter Join my newsletter, where I send out new information about twice a month in the PHP, JavaScript, and Docker realms:
|
|