开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
vue-easytable首页、文档和下载 - 强大的 vuejs table 组件 - 开源中国社区
全部项目分类
MIT
JavaScript
跨平台
huangsw
分享
收藏
138 人收藏
收录时间:2017-09-04
vue-easytable 详细介绍

vue-easytable 是基于 vue2.x 的 table 组件。

主要功能

  1. 自适应,可以随着浏览器窗口改变自动适应

  2. 固定列,表头固定

  3. 列宽拖动(默认支持)

  4. 排序,支持单个、多个字段排序

  5. 自定义列、自定义单元格样式、loading效果等

  6. 自带分页组件

安装

npm install vue-easytable --save-dev

 

使用

import 'vue-easytable/libs/themes-base/index.css'
import {VTable,VPagination} from 'vue-easytable'

Vue.component(VTable.name, VTable)
Vue.component(VPagination.name, VPagination)

 

效果展示


大家对 vue-easytable 的评论 (全部 12 条评论)
{{repayCom.userName}}
南望山阿飞
table这东西渲染是最慢的,最好都用div进行模拟,不过既然Vue这么强大,不知道对IE这种老古董的兼容性如何
OSC_NSjxoX
table 组建应该是所有组建里最复杂的,要考虑的东西太多,自适应这块是最繁琐的。功能都可以慢慢加
huangsw
排序不是当前页,点击排序图标会触发回调,在回调函数中处理排序逻辑(一般是后端处理)
书伟
厉害了
googgoog
留一个阿里云优惠券->http://www.izhuanyer.com 请叫我雷锋
顶部