vxe-tablevuetable表格组件功能⼀个功能更加强⼤的 Vue 表格组件
查看
功能点
•基础
•尺⼨
•斑马线条纹
•带边框
•单元格样式
•列宽拖动
•流体⾼度
•固定表头
•固定列
•固定表头和列
•表头分组
•序号
•单选
•多选
•排序
•筛选
•合并⾏或列
•表尾合计
•导出 CSV
•显⽰/隐藏列
tabletable•加载中
•格式化内容
•⾃定义模板
•快捷菜单
•滚动渲染
•展开⾏
•树形表格
•可编辑表格
•数据校验
•全键盘操作
•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 表格组件功能，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。