vxe-table 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
vxe-table 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
vxe-table 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
vxe-table 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
vxe-table 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

vxe-table,一个基于 vue 的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、灵活的配置项、丰富的扩展插件等...

  • 设计理念

    • 面向现代浏览器,高效的简洁 API 设计
    • 模块化表格、按需加载、插件化扩展
    • 为单行编辑表格而设计,支持增删改查及更多扩展,强大的功能的同时兼具性能
  • 功能
    •  Basic table (基础表格)
    •  Grid (高级表格)
    •  Size (尺寸)
    •  Striped (斑马线条纹)
    •  Table with border (带边框)
    •  Cell style (单元格样式)
    •  Column resizable (列宽拖动)
    •  Maximum table height (最大高度)
    •  Resize height and width (响应式宽高)
    •  Fixed column (固定列)
    •  Grouping table head (表头分组)
    •  Highlight row and column (高亮行、列)
    •  Table sequence (序号)
    •  Radio (单选)
    •  Checkbox (多选)
    •  Sorting (排序)
    •  Filter (筛选)
    •  Rowspan and colspan (合并行或列)
    •  Footer summary (表尾合计)
    •  Import (导入)
    •  Export (导出)
    •  Print (打印)
    •  Show/Hide column (显示/隐藏列)
    •  Loading (加载中)
    •  Formatted content (格式化内容)
    •  Custom template (自定义模板)
    •  Context menu(快捷菜单)
    •  Virtual Scroller(虚拟滚动)
    •  Expandable row (展开行)
    •  Pager(分页)
    •  Form(表单)
    •  Toolbar(工具栏)
    •  Tree table (树形表格)
    •  Editable CRUD(增删改查)
    •  Validate(数据校验)
    •  Data Proxy(数据代理)
    •  Keyboard navigation(键盘导航)
    •  Modal window(模态窗口)
    •  Charts(图表工具)

文档
查看文档 https://gitee.com/xuliangzhan_admin/vxe-table

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (7)

加载中
小白一个,怎么下载To view the document 查看文档啊?
2020/09/02 22:52
回复
举报
能不能增加个treeselect,只能选叶子节点
2020/02/26 21:11
回复
举报
需要吗?器大活好又便宜。
2020/02/27 15:55
回复
举报
可以哦,配色和layui有点像
2020/02/26 10:21
回复
举报
您好,请问iview怎么集成使用?
2020/02/26 09:41
回复
举报
功能确实做的不错,很丰富。无限滚动的思路挺好,避免了自己去实现滚动条的功能
2020/02/26 09:38
回复
举报
体验了下,功能丰富,效果不错;大数据表格好像能满足不少国内企业的特殊需求;
2020/02/26 09:21
回复
举报
更多评论
暂无内容
发表了博客
2019/10/30 11:38

推荐一个好用的行内可编辑的table组件 vxe-table

项目中有一个需要用户点击table单元格可编辑的需求,由于博主用的是elementUI,element组件内实现可编辑,用过的小伙伴都知道,非常麻烦,后来博主在浏览组件的时候发现了 一款非常好用的table组件 vxe-table。   用起来非常简单只需要跟element一样指定表头数据就可以 <vxe-table border show-overflow ref="xTable" :data="tableData" :edit-config="{trigger: '...

0
1
发表了博客
2019/10/14 11:41

vxe-table 可编辑表格 行内编辑以及验证 element-UI集成

<vxe-table border show-overflow ref="xTable" --------------------------------------------------------------------------------------------可根据此变量控制表格内容 class="vxe-table-element" height="600" :data="tableData"--------------------------------------------------------------------------------------表格绑定数据来源 :edit-rules="validRules"----------------------------------------------------...

0
1
发表于大前端专区
2019/06/06 20:51

vxe-table vue 一个 PC 端表格解决方案,大数据表格

# vxe-table vue 一个 PC 端表格解决方案,大数据表格 [vxe-table](https://xuliangzhan_admin.gitee.io/vxe-table) 一个基于[vue](https://www.npmjs.com/package/vue)的表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、模态窗口、自定义模板、贼灵活的配置项、丰富的扩展插件等... [查看 gitee](https://xuliangzhan_admin.gitee.io/vxe-table) ## 功能点 * 基础表格...

0
0
发表了博客
2019/03/08 17:18

MySQL check table/optimize table/analyze table/REPAIR TABLE

MySQL check table/optimize table/analyze table/REPAIR TABLE 关键词:optimize table,analyze table 转自:https://www.cnblogs.com/datastack/p/3826560.html 注意,这几个操作都会锁表,建议在业务空闲期操作 check table:检查InnoDB和MyIsam是否有错误。检查表或者视图是否存在错误,对 MyISAM 和 InnoDB 存储引擎的表有作用。对于 MyISAM 存储引擎的表进行表检查,也会同时更新关键字统计数据。 CHECK TABLE tbl_name [, ...

0
0
发表了博客
2012/09/23 16:28

Table属性Table样式Table边框

http://www.vincentin.com/post/2012/02/29/table-style-border.aspx

0
0
发表了博客
2016/12/03 12:12

TRUNCATE TABLE,delete table, drop table 比较

TRUNCATE TABLE,delete table, drop table 比较 TRUNCATE TABLE 在功能上与不带 WHERE 子句的 DELETE 语句相同: 二者均删除表中的全部行。 但 TRUNCATE TABLE 比 DELETE 速度快,且使用的系统和事务日志资源少。 DELETE 语句每次删除一行,并在事务日志中为所删除的每行记录一项。 TRUNCATE TABLE 通过释放存储表数据所用的数据页来删除数据,并且只在事务日志中记录页的释放。 TRUNCATE TABLE 删除表中的所有行,但表结构及其...

0
0
发表了博客
2020/06/12 19:21

delete from table和 truncate table table的区别

truncate是DDL語言.delete是DML語言 DDL語言是自動提交的.命令完成就不可回滾.truncate的速度也比delete要快得多. 详细说明: 相同点:truncate和不带where子句的delete, 以及drop都会删除表内的数据 不同点: 1. truncate和 delete只删除数据不删除表的结构(定义) drop语句将删除表的结构被依赖的约束(constrain),触发器(trigger),索引(index); 依赖于该表的存储过程/函数将保留,但是变为invalid状态. 2.delete语句是dml,这个操作...

0
0
发表了博客
2018/02/20 22:05

[CSS3] Responsive Table -- no more table

When the screen size is small, we can use "no more table" solution. So instead of render table is row layout, we render it in column layout. Given the table below: <table> <thead> <tr> <th>Team</th> <th>1st</th> <th>2nd</th> <th>3rd</th> <th>4th</th> <th>5th</th> <th>6th</th> <th>7th</th> ...

0
0
2019/07/02 10:57

READ TABLE WITH KEY和READ TABLE WITH TABLE KEY的区别

Created by Jerry Wang on Jul 04, 2014 使用下面的report测试这两种语法的区别: REPORT ztest_key. TYPES: BEGIN OF ty_data, index TYPE int4, name TYPE char10, score TYPE int4, text TYPE string, END OF ty_data. TYPES: tt_data1 TYPE STANDARD TABLE OF ty_data, "tt_data2 type STANDARD TABLE OF ty_data with UNIQUE key dsf. SYNTAX ERROR tt_data2 ...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
7 评论
166 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部