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
Mar 09 Javascript
js列举css中所有图标的实现代码
Jul 04 Javascript
jQuery Ajax调用WCF服务详细教程
Mar 31 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
JavaScript实现带标题的图片轮播特效
May 20 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
详解jQuery中的元素的属性和相关操作
Aug 14 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
Jun 17 Javascript
JS+html5制作简单音乐播放器
Sep 13 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
Sep 07 Javascript
详解基于Vue+Koa的pm2配置
Oct 24 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 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
PHP 数组排序方法总结 推荐收藏
2010/06/30 PHP
自己写的兼容低于PHP 5.5版本的array_column()函数
2014/10/24 PHP
php常见的魔术方法详解
2014/12/25 PHP
PHP表单提交后引号前自动加反斜杠的原因及三种办法关闭php魔术引号
2015/09/30 PHP
PHP模板引擎Smarty内建函数foreach,foreachelse用法分析
2016/04/11 PHP
详解PHP安装mysql.so扩展的方法
2016/12/31 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
JQuery魔力之$(&quot;tagName&quot;)与selector
2012/03/05 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
2014/06/17 Javascript
js+cookies实现悬浮购物车的方法
2015/05/25 Javascript
jQuery实现鼠标滑过点击事件音效试听
2015/08/31 Javascript
jQuery实现监控页面所有ajax请求的方法
2015/12/10 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
js仿拉勾网首页穿墙广告效果
2017/03/08 Javascript
vue之nextTick全面解析
2017/05/17 Javascript
Vue入门之数据绑定(小结)
2018/01/08 Javascript
webpack v4 从dev到prd的方法
2018/04/02 Javascript
JavaScript同源策略和跨域访问实例详解
2018/04/03 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
[00:12]DAC2018 Miracle-站上中单舞台,他能否再写奇迹?
2018/04/06 DOTA
用 Python 爬了爬自己的微信朋友(实例讲解)
2017/08/25 Python
Python实现将json文件中向量写入Excel的方法
2018/03/26 Python
Python面向对象程序设计之私有属性及私有方法示例
2019/04/08 Python
对python中url参数编码与解码的实例详解
2019/07/25 Python
Win10下安装并使用tensorflow-gpu1.8.0+python3.6全过程分析(显卡MX250+CUDA9.0+cudnn)
2020/02/17 Python
Python函数__new__及__init__作用及区别解析
2020/08/31 Python
Python使用pyenv实现多环境管理
2021/02/05 Python
html5生成柱状图(条形图)效果的实例代码
2016/03/25 HTML / CSS
酒店秘书求职信范文
2014/02/17 职场文书
文秘自荐信
2014/06/28 职场文书
教师批评与自我批评发言稿
2014/10/15 职场文书
2015年客房服务员工作总结
2015/05/15 职场文书
转变工作作风心得体会
2016/01/23 职场文书
浅谈如何保证Mysql主从一致
2022/03/13 MySQL