你們好,我是爲廣大程序員兄弟操碎了心的小編,天天推薦一個小工具/源碼,裝滿你的收藏夾,天天分享一個小技巧,讓你輕鬆節省開發效率,實現不加班不熬夜不掉頭髮,是個人目標!vue
今天小編推薦一款表格組件——vxe-table,一個基於vue的 PC 端表格組件,支持增刪改查、虛擬滾動、懶加載、快捷菜單、數據校驗、樹形結構、打印導出、表單渲染、數據分頁、虛擬列表、模態窗口、自定義模板、渲染器、賊靈活的配置項、擴展接口等...git
可是在小編看來,這款組件更像一款全功能組件庫,而非單純的表格組件!一句話點評:超級強大、簡單實用!程序員
開源協議
使用 MIT 開源許可協議web
連接地址
https://gitee.com/xuliangzhan_admin/vxe-table瀏覽器
https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install微信
設計理念
-
面向現代瀏覽器,高效的簡潔 API 設計 -
模塊化表格、按需加載、插件化擴展 -
爲單行編輯表格而設計,支持增刪改查及更多擴展,強大的功能的同時兼具性能
開發計劃
-
v1.0 100% 基於 vue2.6+,支持全部主流的瀏覽器,實現表格的一切實用的功能**(已實現)** -
v2.0 100% 基於 vue2.6+,支持全部主流的瀏覽器,同時兼具功能與性能**(已實現)** -
v3.0 60% 基於 vue2.6+,只支持 H5 瀏覽器,不支持 IE,渲染性能大幅提高**(已實現)** -
v4.0 0% 基於 vue3+,只支持 H5 瀏覽器,不支持 IE,渲染性能大幅提高**(實現中)**
功能點
-
基礎表格 -
高級表格 -
斑馬線條紋 -
多種邊框 -
單元格樣式 -
列寬拖動 -
最大高度 -
自適應寬高 -
固定列 -
多級表頭 -
表尾數據 -
高亮行或列 -
序號 -
單選框 -
複選框 -
下拉選項 -
開關 -
排序 -
多字段組合排序 -
篩選 -
合併單元格 -
合併表尾 -
導入/導出/打印 -
顯示/隱藏列 -
加載中 -
格式化內容 -
自定義插槽 - 模板 -
快捷菜單 -
展開行 -
分頁 -
表單 -
工具欄 -
下拉容器 -
虛擬列表 -
增刪改查 -
樹表格 -
數據校驗 -
數據代理 -
鍵盤導航 -
模態窗口 -
渲染器 -
虛擬滾動 -
虛擬合併 -
(pro) 單元格區域選取 -
(pro) 單元格複製/粘貼 -
(pro) 單元格查找和替換
表格模塊截圖
表格功能超級強大,圖片未能體現其具體功能,可到官網瞭解編輯器
其餘模塊截圖
圖標模塊化
按鈕工具
單選框性能
複選框
開關
輸入框
分頁
表單
結尾
本期就分享到這裏,我是小編南風吹,專一分享好玩有趣、新奇、實用的開源項目及開發者工具、學習資源!但願能與你們共同窗習交流,歡迎關注個人公衆號**【Github導航站】**。
本文分享自微信公衆號 - Github導航站(gh_b94721a7d969)。
若有侵權,請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。