vue-easytable
介绍
基于 vue2.x 的table组件
API & 实例
http://doc.huangsw.com/vue-easytable/app.html#/table
功能
自适应,可以随着浏览器窗口改变自动适应
固定列,表头固定
默认支持列宽拖动
支持单个字段排序和多个字段排序
自定义列、自定义单元格样式
loading效果、自定义loading 等
自带分页组件
单元格编辑
支持单元格合并 (colSpan and rowSpan)
添加 checkbox 多选功能
安装
npm install vue-easytable --save-dev
使用(更多)
// 导入 css import 'vue-easytable/libs/themes-base/index.css' // 导入 table 组件 和分页组件 import {VTable,VPagination} from 'vue-easytable' // 将组件注册到全局 Vue.component(VTable.name, VTable) Vue.component(VPagination.name, VPagination)
效果(不是全部)