vue-datatable

vue-datatable

A datatable component build with Vuejs.

You can try it Online, it's Vue version DataTables

##Usage

npm install --save vue-datatable

Vue-loader and Babel is required(maybe will release ES5 and JavaScript file later :P)

<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
  }
}