How can I use DataTable plugin with Laravel Vue.js project?

Question

Currently, I am enhancing my Laravel application with Vue js. And I want to display the data in jQuery DataTable. Please, someone, suggest to me how to do this as I am new to Vue js. Much appreciated if someone could suggest me a good tutorial on this.Thank you.

Waleed Muaz · Accepted Answer · 2020-02-09 21:00:53Z

1

See Here Install the package To install this package, simply install vuejs-datatable with your favorite package manager:

npm install vuejs-datatable
yarn add vuejs-datatable

Import & register the DatatableFactory in Vue:

import Vue from 'vue';
import { VuejsDatatableFactory } from 'vuejs-datatable';

Vue.use( VuejsDatatableFactory );

In your HTML, load the IIFE build directly, if possible right before the closing tag. You must make sure that the loading order is preserved, like below.

<body>
    <!-- All your page content... -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.js" defer></script> 
    <script src="/dist/vuejs-datatable.js" defer></script> 
    <script src="/myscript.js" defer></script> 
</body>

answered Feb 9, 2020 at 21:00

Waleed Muaz

8048 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

anonymus Over a year ago

Thank you very much, this helped me a lot.

Collectives™ on Stack Overflow

How can I use DataTable plugin with Laravel Vue.js project?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related