一個功能更加強大的 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 表格組件功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！