Vueye table :

Description

1. Show data per page
2. Sort columns
3. Cells Custom rendering
4. CRUD Actions
5. Customize the columns display
6. Filter data by fields

Installation :

npm install vueye-table --save

Requirements :

To make this component work with Vue 2, you should use the Vue composition-api plugin by importing it and using it in main.js as follows :

 
import Vue from 'vue';
import App from './App.vue';
import VueComp from '@vue/composition-api';

Vue.use(VueComp);

new Vue({

render: h => h(App),
}).$mount('#app'); 

Columns configuration:

The columns prop value could have the following structure :

  columns: [
      {
        key: "id",
        label: "ID",
        sortable: true,
        type: "number",
        display: true
      },
      ...
 ]