Vue Point Table

Table component that support freeze column, fix header when scrolling down, and manage column visibility

Installation

$3

``
npm i vue-point-table
`

or

`
yarn add vue-point-table
`

$3

`javascript
import PointTable from 'vue-point-table'

Vue.use(PointTable)
`

$3

`javascript
import PointTable from 'vue-point-table'

export default {
components: {
PointTable
}
}
`

Usage

$3

Template

`html



`

Scripts

`javascript
import PointTable from './components/PointTable'
import users from './users.json'

export default {
name: 'app',
components: {
PointTable
},
data () {
return {
users: users
}
}
}
`

$3

`html



`

$3

`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",
}
}
})
``