vxe-table vue table 表格组件功能


Posted in Javascript onMay 26, 2019

一个功能更加强大的 Vue 表格组件

查看vxe-table

功能点

•基础
•尺寸
•斑马线条纹
•带边框
•单元格样式
•列宽拖动
•流体高度
•固定表头
•固定列
•固定表头和列
•表头分组
•序号
•单选
•多选
•排序
•筛选
•合并行或列
•表尾合计
•导出 CSV
•显示/隐藏列
•加载中
•格式化内容
•自定义模板
•快捷菜单
•滚动渲染
•展开行
•树形表格
•可编辑表格
•数据校验
•全键盘操作
•Excel 表格

例子

<template>
 <div>
 <vxe-table ref="xTable" :data.sync="tableData">
  <vxe-table-column type="index" width="60"></vxe-table-column>
  <vxe-table-column prop="name" label="Name"></vxe-table-column>
  <vxe-table-column prop="date" label="Date"></vxe-table-column>
  <vxe-table-column prop="address" label="Address"></vxe-table-column>
 </vxe-table>
 </div>
</template>

<script>
export default {
 data () {
 return {
  tableData: [
  {
   id: 10001,
   name: 'test1',
   sex: 'Man',
   date: '2019-05-01',
   address: 'address abc123'
  }
  ]
 }
 }
}
</script>

总结

以上所述是小编给大家介绍的vxe-table vue table 表格组件功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery键盘事件使用介绍
Nov 01 Javascript
Javascript执行效率全面总结
Nov 04 Javascript
java和javascript获取word文档的书签位置对比
Jun 19 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
Sep 01 Javascript
JavaScript字符串常用的方法
Mar 10 Javascript
简单实现node.js图片上传
Dec 18 Javascript
JS在浏览器中解析Base64编码图像
Feb 09 Javascript
JS中IP地址与整数相互转换的实现代码
Apr 10 Javascript
浅谈ECMAScript6新特性之let、const
Aug 02 Javascript
微信小程序实现单选功能
Oct 30 Javascript
小程序rich-text组件如何改变内部img图片样式的方法
May 22 Javascript
微信小程序 wx.getUserInfo引导用户授权问题实例分析
Mar 09 Javascript
使用Vue.observable()进行状态管理的实例代码详解
May 26 #Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 #Javascript
vue项目打包后怎样优雅的解决跨域
May 26 #Javascript
vue实现的上拉加载更多数据/分页功能示例
May 25 #Javascript
vue实现的请求服务器端API接口示例
May 25 #Javascript
Vue Autocomplete 自动完成功能简单示例
May 25 #Javascript
泛谈JS逻辑判断选择器 || &amp;&amp;
May 24 #Javascript
You might like
ie6 动态缩略图不显示的原因
2009/06/21 PHP
PHP取整函数:ceil,floor,round,intval的区别详细解析
2013/08/31 PHP
PHP下用Swoole实现Actor并发模型的方法
2019/06/12 PHP
jQuery DIV弹出效果实现代码
2009/07/03 Javascript
基于JQuery的一个简单的鼠标跟随提示效果
2010/09/23 Javascript
javascript 节点排序 2
2011/01/31 Javascript
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
Node.js 8 中的重要新特性
2017/06/28 Javascript
基于Vue.js实现tab滑块效果
2017/07/23 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
js实现tab栏切换效果
2020/08/02 Javascript
基于JavaScript实现随机点名器
2021/02/25 Javascript
Pyramid添加Middleware的方法实例
2013/11/27 Python
使用wxPython获取系统剪贴板中的数据的教程
2015/05/06 Python
Python中__init__.py文件的作用详解
2016/09/18 Python
python list元素为tuple时的排序方法
2018/04/18 Python
Python实现的本地文件搜索功能示例【测试可用】
2018/05/30 Python
Pycharm无法显示动态图片的解决方法
2018/10/28 Python
详解Django admin高级用法
2019/11/06 Python
Python注释、分支结构、循环结构、伪“选择结构”用法实例分析
2020/01/09 Python
味多美官网:蛋糕订购,100%使用天然奶油
2017/11/10 全球购物
ALDI奥乐齐官方海外旗舰店:德国百年超市
2017/12/27 全球购物
美国踏板车和轻便摩托车销售网站:Mega Motor Madness
2020/02/26 全球购物
国际政治个人自荐信范文
2013/11/26 职场文书
建筑工程专业学生的自我评价
2013/12/25 职场文书
竞选演讲稿范文
2013/12/28 职场文书
计算机毕业大学生求职信
2014/06/26 职场文书
课前一分钟演讲稿
2014/08/26 职场文书
法院授权委托书格式
2014/09/28 职场文书
统计员岗位职责范本
2015/04/14 职场文书
公路施工安全责任书
2015/05/08 职场文书
投资申请报告
2015/05/19 职场文书
2016七一建党节慰问信
2015/11/30 职场文书
2017年大学生寒假社会实践活动总结
2016/04/06 职场文书
详解PHP Swoole与TCP三次握手
2021/05/27 PHP
css3带你实现3D转换效果
2022/02/24 HTML / CSS