el-table-page v1.0.0

element-table

table component with pagination

How to use

npm i el-table-page -S

/* ignore this if you include element-table.js by <script> tag from a cdn, such as unpkg */
import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

import ElementTablePagination from 'el-table-page/src/components/element-table.vue'
import Page from 'el-table-page/src/utils/page.js'

Vue.use(Element)
Vue.component('el-table-page', ElementTablePagination)

// Vue.use(ElementTablePagination)
Vue.use(Page)

<el-table-page
  :page="page"
  :search="getSearchModel"
  :url="url">
    <!-- content goes here -->
    <el-table :data="page.list">
    <el-table-column label="模版名称" prop="templateName" show-overflow-tooltip>
      <template slot-scope="scope">
        <span>{{scope.row.name}}</span>
      </template>
    </el-table-column>
  </el-table>
</el-table-page>

API

element-table component attributes:

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev


For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).