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 click([data],fn)使用方法实例介绍
Jul 08 Javascript
多引号嵌套的变量命名的问题
May 09 Javascript
jQuery制作简单柱状图实例
Jan 28 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
简介JavaScript中的getSeconds()方法的使用
Jun 10 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
微信小程序商城项目之侧栏分类效果(1)
Apr 17 Javascript
vue axios登录请求拦截器
Apr 02 Javascript
AngularJS日期格式化常见操作实例分析
May 17 Javascript
小程序scroll-view组件实现滚动的示例代码
Sep 20 Javascript
element-ui tooltip修改背景颜色和箭头颜色的实现
Dec 16 Javascript
vuex分模块后,实现获取state的值
Jul 26 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 模拟$_PUT实现代码
2010/03/15 PHP
破解图片防盗链的代码(asp/php)测试通过
2010/07/02 PHP
php创建多级目录的方法
2015/03/24 PHP
PHP命名空间namespace及use的简单用法分析
2018/08/03 PHP
javascript 常用关键字列表集合
2007/12/04 Javascript
div模拟滚动条效果示例代码
2013/10/16 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
2015/03/25 Javascript
javascript实现瀑布流加载图片原理
2016/02/02 Javascript
JavaScript实现自动跳转文本功能
2017/05/25 Javascript
Vuex中mutations与actions的区别详解
2018/03/01 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
简单两步使用node发送qq邮件的方法
2019/03/01 Javascript
简单了解JavaScript中的执行上下文和堆栈
2019/06/24 Javascript
如何在vue项目中嵌入jsp页面的方法(2种)
2020/02/06 Javascript
vue-cli设置publicPath小记
2020/04/14 Javascript
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
跟老齐学Python之编写类之四再论继承
2014/10/11 Python
Python计算一个文件里字数的方法
2015/06/15 Python
详解Python中的序列化与反序列化的使用
2015/06/30 Python
使用 Python 实现微信公众号粉丝迁移流程
2018/01/03 Python
python的xpath获取div标签内html内容,实现innerhtml功能的方法
2019/01/02 Python
Python异常处理例题整理
2019/07/07 Python
python 求10个数的平均数实例
2019/12/16 Python
Python列表解析操作实例总结
2020/02/26 Python
Django中和时区相关的安全问题详解
2020/10/12 Python
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
使用html5实现表格实现标题合并的实例代码
2019/05/13 HTML / CSS
TUMI香港官网:国际领先的行李箱、背囊品牌
2021/03/01 全球购物
自我评价的正确写法
2013/09/19 职场文书
电钳工人个人求职信
2014/05/10 职场文书
数学教师个人工作总结
2015/02/06 职场文书
护士辞职信怎么写
2015/02/27 职场文书
2015年护士节慰问信
2015/03/23 职场文书
通讯稿范文
2015/07/22 职场文书
python源码剖析之PyObject详解
2021/05/18 Python
详解Python描述符的工作原理
2021/06/11 Python