JSPM

  • Created
  • Published
  • Downloads 4486
  • Score
    100M100P100Q127900F
  • License MIT

基于 vue2.x 的table组件

Package Exports

  • vue-easytable
  • vue-easytable/libs/themes-base/index.css

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-easytable) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

npm npm

vue-easytable

Introduction

Based on vue2.x flexible table components.

API & Examples

API&Examples

Features

  1. Adaptive, can be automatically adapted as the browser window changes
    自适应,可以随着浏览器窗口改变自动适应
  2. Fixed column, head fixed
    固定列,表头固定
  3. The default support for column width drag
    默认支持列宽拖动
  4. Supports single field sorting and multiple field sorting
    支持单个字段排序和多个字段排序
  5. Custom columns, custom cell styles, loading effects, and more
    自定义列、自定义单元格样式、loading效果等
  6. With paging components
    自带分页组件
  7. Cell edit 单元格编辑

Install

npm install vue-easytable --save-dev

Usage(more usage

// import css
import 'vue-easytable/libs/themes-base/index.css'

// import table and pagination comp
import {VTable,VPagination} from 'vue-easytable'

// Register to global
Vue.component(VTable.name, VTable)
Vue.component(VPagination.name, VPagination)

Effect

vue-easytable

ToDo

  • 添加单元格编辑功能
    Add cell editing
  • 添加 checkbox 多选功能
    Add the checkbox multiple selection
  • 添加 footer 功能
    Add the footer
  • 添加导出 excel 功能
    Add the export excel
  • 添加导出 pdf 功能
    Add the export pdf
  • 添加条件过滤功能
    Add conditional filtering
  • 添加行展开功能
    Add line expansion

License

http://www.opensource.org/licenses/mit-license.php