Skip to content
Projects Vue.js Projects
Vue Data Tables

Vue Data Tables

A simple, customizable and pageable data table, based on vue2 and element-ui

7.6K viewsAdded Dec 25, 2018

A simple, customizable and pageable table with SSR support, based on vue2 and element-ui

Installation

npm install vue-data-tables
or
yarn add vue-data-tables

Import vue-data-tables

import element-ui

As mentioned in the front section, vue-data-tables depends on el-table, el-table-column, el-button and el-pagination of element-ui, so we need entirely import element-ui or import the 4 components on demand before importing vue-data-tables.

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

import vue-data-tables

// import DataTables and DataTablesServer separately
import { DataTables, DataTablesServer } from 'vue-data-tables'
Vue.use(DataTables)
Vue.use(DataTablesServer)

// import DataTables and DataTablesServer together
import VueDataTables from 'vue-data-tables'
Vue.use(VueDataTables)

Vue.js Projects

A hand-picked collection of projects made with Vue.js: UI components, input elements, apps, plugins, examples and frameworks.

Newsletter

Get the best new Vue projects in your inbox.

© 2026 vuejsprojects.com