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 相关文章推荐
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
js中判断文本框是否为空的两种方法
Jul 31 Javascript
jquery ajax 简单范例(界面+后台)
Nov 19 Javascript
javascript实现禁止复制网页内容
Dec 16 Javascript
JavaScript页面模板库handlebars的简单用法
Mar 02 Javascript
js淡入淡出焦点图幻灯片效果代码分享
Sep 08 Javascript
JavaScript在网页中画圆的函数arc使用方法
Nov 13 Javascript
JS简单生成两个数字之间随机数的方法
Aug 03 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
Mar 08 Javascript
ES6 中可以提升幸福度的小功能
Aug 06 Javascript
vue router动态路由设置参数可选问题
Aug 21 Javascript
小程序分享链接onShareAppMessage的具体用法
May 22 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 stripos()函数及注意事项的分析
2013/06/08 PHP
php 获取今日、昨日、上周、本月的起始时间戳和结束时间戳的方法
2013/09/28 PHP
php的一个简单加密解密代码
2014/01/14 PHP
PHP实现将科学计数法转换为原始数字字符串的方法
2014/12/16 PHP
php随机抽奖实例分析
2015/03/04 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
使用PHP免费发送定时短信的实例
2016/10/24 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
Lazy Load 延迟加载图片的 jQuery 插件
2010/02/06 Javascript
基于jQuery的消息提示插件 DivAlert之旅(二)
2010/04/01 Javascript
jquery 操作DOM案例代码分享
2012/04/05 Javascript
基于JavaScript FileReader上传图片显示本地链接
2016/05/27 Javascript
jQuery针对input的class属性写了多个值情况下的选择方法
2016/06/03 Javascript
vue 实现的树形菜的实例代码
2018/03/19 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
JS重学系列之聊聊new操作符
2019/03/04 Javascript
Vuex的API文档说明详解
2020/02/05 Javascript
python pandas dataframe 按列或者按行合并的方法
2018/04/12 Python
python3使用matplotlib绘制散点图
2019/03/19 Python
解决python super()调用多重继承函数的问题
2019/06/26 Python
Python如何使用k-means方法将列表中相似的句子归类
2019/08/08 Python
tensorboard显示空白的解决
2020/02/15 Python
Python中如何添加自定义模块
2020/06/09 Python
python如何操作mysql
2020/08/17 Python
详解pandas赋值失败问题解决
2020/11/29 Python
基于CSS3实现的漂亮Menu菜单效果代码
2015/09/10 HTML / CSS
公司庆典邀请函范文
2014/01/13 职场文书
初一体育教学反思
2014/01/29 职场文书
餐饮采购员岗位职责
2014/03/15 职场文书
《李时珍夜宿古寺》教学反思
2014/04/09 职场文书
婚前协议书范本
2014/04/15 职场文书
反四风个人对照检查材料
2014/09/26 职场文书
投标文件签署授权委托书范本
2014/10/12 职场文书
万能检讨书
2015/01/27 职场文书
奖学金申请个人主要事迹材料
2015/11/04 职场文书
2019年励志签名:致拼搏路上的自己
2019/10/11 职场文书