這個簡單實用的Vue表格組件,太強大實用了!

  你們好,我是爲廣大程序員兄弟操碎了心的小編,天天推薦一個小工具/源碼,裝滿你的收藏夾,天天分享一個小技巧,讓你輕鬆節省開發效率,實現不加班不熬夜不掉頭髮,是個人目標!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源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。

相關文章
相關標籤/搜索