vue free table 组件
所属分类:浏览器
开发工具:JavaScript
文件大小:781KB
下载次数:0
上传日期:2021-02-01 11:44:10
上 传 者:
bigbird
说明: VUE前端表格组件,支持自动适应,表格组合,数据浏览
(Vue front-end table components, support automatic adaptation, table combination, data browsing)
文件列表:
.babelrc (96, 2017-09-15)
.npmignore (115, 2017-09-15)
LICENSE (1070, 2017-09-15)
build (0, 2017-09-15)
build\build-libs.js (619, 2017-09-15)
build\strip-tags.js (648, 2017-09-15)
build\webpack.markdown.js (3622, 2017-09-15)
build\webpack.settings.js (1862, 2017-09-15)
examples (0, 2017-09-15)
examples\app.html (164, 2017-09-15)
examples\app.js (826, 2017-09-15)
examples\comp (0, 2017-09-15)
examples\comp\App.vue (3207, 2017-09-15)
examples\comp\DemoBox.vue (1337, 2017-09-15)
examples\css (0, 2017-09-15)
examples\css\custom.css (0, 2017-09-15)
examples\css\index.css (13180, 2017-09-15)
examples\doc (0, 2017-09-15)
examples\doc\pagination (0, 2017-09-15)
examples\doc\pagination\Pagination.md (3043, 2017-09-15)
examples\doc\strart.md (665, 2017-09-15)
examples\doc\table (0, 2017-09-15)
examples\doc\table\api.md (4857, 2017-09-15)
examples\doc\table\basic-no-table-width.md (1435, 2017-09-15)
examples\doc\table\basic-set-table-width.md (1856, 2017-09-15)
examples\doc\table\combinedPaging.md (5335, 2017-09-15)
examples\doc\table\complex-header-fixed-column.md (3801, 2017-09-15)
examples\doc\table\complex-table-resize.md (3842, 2017-09-15)
examples\doc\table\container-resize.md (2860, 2017-09-15)
examples\doc\table\custom-columns.md (2875, 2017-09-15)
examples\doc\table\custom-set-loading-and-error-content.md (2473, 2017-09-15)
examples\doc\table\frozen-title-columns.md (1549, 2017-09-15)
examples\doc\table\hide-table-resize.md (3900, 2017-09-15)
examples\doc\table\main.md (5514, 2017-09-15)
examples\doc\table\set-cell-class-name.md (2758, 2017-09-15)
examples\doc\table\set-loading-and-error-content.md (2225, 2017-09-15)
examples\doc\table\simple-table-resize.md (2145, 2017-09-15)
... ...
[![npm](https://img.shields.io/npm/v/vue-easytable.svg)](https://www.npmjs.com/package/vue-easytable)
[![npm](https://img.shields.io/npm/l/vue-easytable.svg?maxAge=2592000)](http://www.opensource.org/licenses/mit-license.php)
# vue-easytable
## Introduction
Based on vue2.x flexible table components.
## API & Examples
[API&Examples](http://doc.huangsw.com/vue-easytable/app.html)
## 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
自带分页组件
## Install
```javascript
npm install vue-easytable --save-dev
```
## Usage([more usage](http://doc.huangsw.com/vue-easytable/app.html))
```javascript
// 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](./examples/images/vue-easytable.gif)
## 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
近期下载者:
相关文件:
收藏者: