npm install vue-uikit-datatable

yarn add vue-uikit-datatable

import Vue from 'vue'
import Datatable from 'vue-uikit-table'
Vue.use(Datatable)

<template>
    <section class="uk-container uk-section">
        <Datatable :titles="titles" :itemList="usersList"></Datatable>
    </section>
</template>

<script>
const titles = [
  {
    prop: "username",
    name: "Username"
  },
  {
    prop: "email",
    name: "Email"
  },
  {
    prop: "gender",
    name: "Gender"
  }
];

const usersList = [
{
    "id": "1",
    "username": "hirthe.alyson",
    "email": "blaze30@example.com",
    "gender": "male",
},
{
    "id": "2",
    "username": "oklein",
    "email": "hipolito.jaskolski@example.com",
    "gender": "male",
},
{
    "id": "3",
    "username": "bahringer.leonel",
    "email": "candace14@example.com",
    "gender": "female",
}];

export default {
  name: "UserControls",
  data() {
    return {
      titles,
      usersList
    };
  },
  methods: {
  }
};
</script>

:checkbox-filter=false

@selected-change='function-to-handle-selected-items'

<Datatable :checkbox-filter=true @selected-change='selected'></Datatable>

data(){
    items:[]
}
methods:{
selected(items) {
      console.log(items);
    }
}

:searchAttrs="columns-to-be-searched"

<Datatable :search-attrs="searchAttrs"></Datatable>

<script>
export default{
    data(){
        return{
            searchAttrs: ["username","email"],
        }
    }
}
</script>