Integrating DataTables the Vue Way Last time we looked at setting up DataTables using the DataTables CDN. If you read the DataTables Vue documentation, that’s not what it states. To be as comprehensive as I possibly can be on this topic, I’ve decided to show this approach as well. To read the CDN approach, check out the article below. https://medium.com/geekculture/laravel-9-x-with-vue-js-and-datatables-b1299d0e6f09 For this article, I figured it would be good to start from scratch. No assumptions made. Let’s install it with a fresh installation of Laravel 10.x. We’ll go through setting up Vue.js and then setting up DataTables with Server Side

Customizing DataTables in Vue/Laravel A request came in that’s not completely out of the norm, but something that stumped me for a few hours. It wasn’t anything revolutionary. It was something that I’ve done before with a different type of implementation, but never like this. The request was, “can we add a dropdown list so that when we select an option, it would only load those items into the DataTables table. We want all of the items to load first and then if we need to narrow it down further, we’d like to have that capability.” Implementing this using Vue/jQuery