虽然不知道有什么用,但还是非常感谢码云的认可
功能点
- 基础
- 尺寸
- 斑马线条纹
- 带边框
- 单元格样式
- 列宽拖动
- 流体高度
- 固定表头
- 固定列
- 固定表头和列
- 表头分组
- 序号
- 单选
- 多选
- 排序
- 筛选
- 合并行或列
- 表尾合计
- 导出 CSV
- 显示/隐藏列
- 加载中
- 格式化内容
- 自定义模板
- 快捷菜单
- 虚拟滚动
- 展开行
- 树形表格
- 可编辑表格
- 数据校验
- 数据代理
- 全键盘操作
例子
<template>
<div>
<vxe-table :data="tableData">
<vxe-table-column type="index" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name"></vxe-table-column>
<vxe-table-column field="date" title="Date"></vxe-table-column>
<vxe-table-column field="address" title="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>