A Vue.js component like jquery datatable.
npm install vue-table-blegohTable component that support freeze column, fix header when scrolling down, and manage column visibility
```
npm i vue-point-table
or
``
yarn add vue-point-table
`javascript
import PointTable from 'vue-point-table'
Vue.use(PointTable)
`
`javascript
import PointTable from 'vue-point-table'
export default {
components: {
PointTable
}
}
`
Template
`html`
Scripts
`javascript
import PointTable from './components/PointTable'
import users from './users.json'
export default {
name: 'app',
components: {
PointTable
},
data () {
return {
users: users
}
}
}
`
`html`
Name
Address
Phone
Name
Address
Phone
John Doe
21 Street
+627314691
John Doe
22 Street
+627314692
John Doe
23 Street
+627314693
`html`
`javascript``
var app = new Vue({
el: '#app',
data: {
users: [
{
"id": 1,
"first_name": "John",
"last_name": "Doe",
"gender": "male",
"age": 24,
"email": "johndoe@point.red",
},
],
headers: {
"id": "ID",
"first_name": "First Name",
"last_name": "Last Name",
"gender": "Gender",
"age": "Age",
"email": "Email",
}
}
})