vxe-table vue table 表格組件功能
更新時間：2019年05月26日 09:04:23 作者：abc26296
這篇文章主要介紹了vxe-table vue table 表格組件功能，功能非常強大，文中給大家提到了功能點,需要的朋友可以參考下
一個功能更加強大的 Vue 表格組件
功能點
•基礎(chǔ)
•尺寸
•斑馬線條紋
•帶邊框
•單元格樣式
•列寬拖動
•流體高度
•固定表頭
•固定列
•固定表頭和列
•表頭分組
•序號
•單選
•多選
•排序
•篩選
•合并行或列
•表尾合計
•導(dǎo)出 CSV
•顯示/隱藏列
•加載中
•格式化內(nèi)容
•自定義模板
•快捷菜單
•滾動渲染
•展開行
•樹形表格
•可編輯表格
•數(shù)據(jù)校驗
•全鍵盤操作
•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>
總結(jié)
以上所述是小編給大家介紹的vxe-table vue table 表格組件功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
本篇文章主要介紹了淺談Vue-cli 命令行工具分析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
關(guān)于vue.extend和vue.component的區(qū)別淺析
最近工作中遇到了vue.extend,vue.component，但二者之間的區(qū)別與聯(lián)系是什么呢？下面這篇文章主要給大家介紹了關(guān)于vue.extend和vue.component區(qū)別的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-08-08
Vue注冊模塊與登錄狀態(tài)的持久化實現(xiàn)方法詳解
這篇文章主要介紹了Vue注冊模塊與登錄狀態(tài)的持久化實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要介紹了Vue實現(xiàn)剪貼板復(fù)制功能,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-12-12
這篇文章主要為大家詳細介紹了vue實現(xiàn)翻牌動畫，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家介紹了Vue3的響應(yīng)式原理解析，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
這篇文章主要和大家一起學(xué)習(xí)vue.js表單控件綁定操作,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
本篇文章主要介紹了詳解vue-router基本使用，詳細的介紹了vue-router的概念和用法，有興趣的可以了解一下。2017-04-04
自定義指令是?Vue.js?中一個強大的特性,它允許您擴展?Vue?的模板語法,本文將詳細介紹?Vue?3?中的自定義指令,包括如何創(chuàng)建它們以及如何將它們應(yīng)用于您的應(yīng)用程序,需要的可以參考下2023-11-11
這篇文章主要介紹了vue使用插槽分發(fā)內(nèi)容slot的用法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03