How to Build an Amazing Datatable With Laravel and Vue.js | Complete Tutorial

In this series, we will be working on:
- Implement Multi-Column Search Feature.
- Filtering Records by Class and Section.
- Sorting the Records by Multiple Columns.
- Making records Selectable and Performing actions like Deleting and Exporting to Excel.
- Implement the Excel Export Feature.

--------------------------------------------------------------------------------

Presenting to you all my new course about Filament Admin Panel where we will be building a fully functional support ticket system from Scratch. We will also work with Roles and Permissions without using any external packages and learn a lot of stuff along the way.

Link to the Course:

--------------------------------------------------------------------------------

-----------------------------------------------------------------------------------

Support My Work:

-----------------------------------------------------------------------------------

-----------------------------------------------------------------------------------

Connect With Me:

-----------------------------------------------------------------------------------

Contents of this video ----------------------------------------------
0:00 : Intro
3:43 : Setup Overview and Vue Paginations
31:09 : Implement Multi-Column Search Feature
44:01 : Implement Filtering By Relationships (like Class and Sections)
01:07:39 : Creating Selectable rows and Bulk Operations
01:46:53 : Implement Multi-Column Sort Functionality
02:03:32 : Implement Excel Export Feature

-----------------------------------------------------------------------------------

My Youtube Play Lists:

-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------

[dailypromos]

Great job, it's really helpful thanks you

[OnlinePseudonym]

1:08:32 - Consider passing the student model into your JS methods, rather than just the ID. It's always trivial to dereference the ID and use it in URLs etc., but since you're passing the object, it provides much greater flexibility. For example, to splice the record out of the local array, trigger some component event etc all with the full data context of the model, rather than just an ID.

[basharmalsafi]

I really love your videos, you explain everything so well, thank you a lot! Can you perform insert and edit function it will be highly appreciated

[kevinwakhisi]

Love your videos could i ask for a feature request, regarding this table, how to show or add fields by selecting what to show

[mikemwangi]

Hi Tapam. Have learnt a lot from this. Could you also show how to export to excel with the Column Name?

[basharmalsafi]

I follow the steps but the sorting is not working and with checked dropdown is not working if you bring this
<script src="{{ }}"></script> at the bottom of all js files then the dropdown works but the sorting is not