How to make server side datatable

Mikołaj Smoleński staff commented 3 years ago

At first, I strongly recommend to use the latest 1.4.0 version of MDB5 Vue. In the latest release we fixed some issues with loading async data in datatables: https://mdbootstrap.com/docs/b5/vue/getting-started/changelog/

Please let me know if the issue still exists in 1.4.0.

Keep coding,  Mikołaj from MDB

hkrhee pro premium priority commented 3 years ago

Thank you. After updating to version 1.4, I checked if the problem recurs. Selecting all in 'checkbox' is working fine. However, the search filtering with MDBInput & MDBDatatable still does not work.

Mikołaj Smoleński staff commented 3 years ago

In such case I suggest to reload the component by updating it's key prop just after the page is loaded.

Keep coding,  Mikołaj from MDB

hkrhee pro premium priority commented 3 years ago

@Mikołaj Smoleński Can you tell me more about what updating the key prop is?

Mikołaj Smoleński staff commented 3 years ago

You will only have to define any key prop that will change just after the page is loaded to reload the component (e.g. in mounted hook).

So it should look like this:MDBDatatable :key="key" ...

and then in setup:

key = ref(0); 
onMounted = (() => { key.value++ });
return { key }

Keep coding, Mikołaj from MDB

hkrhee pro premium priority commented 3 years ago

@Mikołaj Smoleński I really appreciate your help. Thank you so much!