vxe-table vue table 表格组件功能
更新时间：2019年05月26日 09:04:23 作者：abc26296
这篇文章主要介绍了vxe-table vue table 表格组件功能，功能非常强大，文中给大家提到了功能点,需要的朋友可以参考下
一个功能更加强大的 Vue 表格组件
功能点
•基础
•尺寸
•斑马线条纹
•带边框
•单元格样式
•列宽拖动
•流体高度
•固定表头
•固定列
•固定表头和列
•表头分组
•序号
•单选
•多选
•排序
•筛选
•合并行或列
•表尾合计
•导出 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 表格组件功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要给大家介绍了vue 2.0路由之路由嵌套的相关资料，文中给出了详细的示例代码供大家参考学习，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。2017-05-05
这篇文章主要介绍了路由原理及vue实现动态路由,Vue Router 提供了丰富的 API，可以轻松地实现路由功能，并支持路由参数、查询参数、命名路由、嵌套路由等功能，可以满足不同应用程序的需求，需要的朋友可以参考下2023-06-06
这篇文章主要介绍了Vue中的父子组件通讯以及使用sync同步父子组件数据，对vue感兴趣的同学，可以参考下2021-04-04
Vue-cli 使用json server在本地模拟请求数据的示例代码
本篇文章主要介绍了Vue-cli 使用json server在本地模拟请求数据的示例代码，非常具有实用价值，需要的朋友可以参考下2017-11-11
最近做了一个手机端系统，其中遇到了父页面需要携带参数跳转至子页面的问题，现已解决，下面分享一下实现过程，感兴趣的朋友一起看看吧2021-04-04
最近在做一些数据透析的项目需要用到报表图，那么报表图好用的有老牌的ECharts，比较新意的AntV，思前马后的想了一下还是用了Echarts，这篇文章主要介绍了vue3中使用Apache ECharts,需要的朋友可以参考下2022-11-11
这篇文章主要为大家介绍了想到头秃也想不到的Vue3复用组件还可以这么hack的用法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
vue3中update:modelValue的使用与不生效问题解决
现在vue3的使用越来越普遍了,vue3这方面的学习我们要赶上,下面这篇文章主要给大家介绍了关于vue3中update:modelValue的使用与不生效问题的解决方法,需要的朋友可以参考下2022-03-03
Vue3生命周期Hooks原理与调度器Scheduler关系
这篇文章主要为大家介绍了Vue3生命周期Hooks原理与调度器Scheduler关系详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了移动端Vue2.x Picker的全局调用实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
最新评论