vue-datatable
Version:
Datatable for Vuejs
65 lines (54 loc) • 1.28 kB
Markdown
with Vuejs.
> You can try it [Online](https://galenyuan.github.io/vue-datatable/), it's Vue version [DataTables](https://github.com/DataTables/DataTables)
```bash
npm install --save vue-datatable
```
Vue-loader and Babel is required(maybe will release ES5 and JavaScript file later :P)
```javascript
<data-table :data-table="tableData"></data-table>
import DataTable from 'vue-datatable';
export default {
data() {
return {
tableData: {
options: {
//Global sort option
sortable: true,
//Global edit option
editable: true,
//How many items will be shown in each page
pageCount: 10,
//Callback of change page
onPageChanged(page) {
console.log(page);
}
},
columns: [
{
value: 'id',
text: 'ID',
//If this column is sortable
sortable: true,
//If this column is editable
editable: false
}
],
rows: [
{
id: {
value: 1,
//If this field is editable
editable: false
}
}
]
}
}
},
components: {
DataTable
}
}
```
> A datatable component build