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 表格組件功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
echarts原生提供了相應的API,只需要在配置好echarts之后綁定相應的事件即可,下面這篇文章主要給大家介紹了關于vue實現echarts餅圖/柱狀圖點擊事件的相關資料,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了解決vant框架做H5時踩過的坑(下拉刷新、上拉加載等)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要為大家介紹了為Vue3?組件標注?TS?類型實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要介紹了vue + echarts實現中國地圖省份點擊聯動,需要的朋友可以參考下2022-04-04
這篇文章主要為大家詳細介紹了使用vue編寫一個點擊數字計時小游戲，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了詳解在Vue中使用TypeScript的一些思考(實踐)，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要介紹了antd vue表格可編輯單元格以及求和實現方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了vue中引入第三方字體文件的方法示例，文中講述了實現方法及其錯誤的解決，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
vue開發(fā)利器之unplugin-auto-import的使用
unplugin-auto-import 解決了vue3-hook、vue-router、useVue等多個插件的自動導入,也支持自定義插件的自動導入,下面這篇文章主要給大家介紹了關于vue開發(fā)利器之unplugin-auto-import使用的相關資料,需要的朋友可以參考下2023-02-02
這篇文章主要給大家介紹了關于Vue.js實例方法之生命周期的相關資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面跟著小編一起來學習學習吧。2017-07-07