雖然不知道有什麼用,但還是非常感謝碼雲的認可
功能點
- 基礎表格
- 高級表格
- 斑馬線條紋
- 多種邊框
- 單元格樣式
- 列寬拖動
- 最大高度
- 自適應寬高
- 固定列
- 多級表頭
- 表尾數據
- 高亮行、列
- 序號
- 單選框
- 複選框
- 下拉選項
- 開關
- 排序
- 篩選
- 合併行或列
- 導入
- 導出
- 打印
- 顯示/隱藏列
- 加載中
- 格式化內容
- 自定義插槽/模板
- 快捷菜單
- 展開行
- 分頁
- 表單
- 工具欄
- 虛擬列表
- 增刪改查
- 樹表格
- 數據校驗
- 數據代理
- 鍵盤導航
- 模態窗口
- 渲染器
- 虛擬滾動
例子
<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>