vuejs-datatable | A Vuejs component for filterable and paginated tables | Grid library

Non parent-child communication in Vue is typically handled via either an event bus, or a state management system.

In this case, unless your application is more complex, the event bus is probably all you need. Since you are using single file components, you may need to declare the bus on the window, probably in your main script.

There's not a whole lot you can do to add classes to elements that deep inside a premade component unless you fork the codebase for said codebase on github and modify it to make it possible. An alternative would be to add a class to the actual component itself and then use css selectors to affect those elements.

To do so you might do something like:

You need to add plugin before your main Vue instance is initialized; See using vue plugins here, which says:

Use plugins by calling the Vue.use() global method. This has to be done before you start your app by calling new Vue().

For your case, move

There are a lot of datatable package avialable for vuejs.

Following links may help.

https://github.com/pstephan1187/vue-datatable

https://vuejsexamples.com/data-table-package-with-server-side-processing-and-vuejs-components/

In the definition of your showuser component props should be an array of strings: