GitHub上star超1.2k的vue表格組件,功能太多又實用

2020-12-22 程式設計師冰河

組件名稱:vxe-table

項目地址:

Github:https://github.com/xuliangzhan/vxe-table

碼云:https://gitee.com/xuliangzhan_admin/vxe-table

一個基於 vue 的表格組件,支持增刪改查、虛擬滾動、懶加載、快捷菜單、數據校驗、樹形結構、列印導出、表單渲染、數據分頁、模態窗口、自定義模板、賊靈活的配置項、豐富的擴展插件等

面向現代瀏覽器,高效的簡潔 API 設計模塊化表格、按需加載、插件化擴展為單行編輯表格而設計,支持增刪改查及更多擴展,強大的功能的同時兼具性能

支持虛擬滾動,虛擬滾動的取捨:犧牲提前編譯數據的耗時,用來換取使用時的絕對流暢(最大可以支撐 5w 列、30w 行)

支持第三方UI庫,比如說 element-ui 、iview 、ant-design-vue

處理樹表格遊刃有餘,之前一直用的ant-design還有pro,看了這個插件,覺得ant的功能還是差遠了

作為一名四線城市的程式設計師,只有不斷地積累知識提升自己,才能面對形形色色的客戶粑粑

相關焦點

  • 又一款基於Vue的數據可視化組件庫,Github上star超1.4k,太酷炫
    組件庫名稱:DataV項目地址:https://github.com/DataV-Team/DataVDataV是一個基於Vue的數據可視化組件庫(當然也有React版本)提供用於提升頁面視覺效果的SVG邊框和裝飾提供常用的圖表如折線圖等飛線圖/輪播表等其他組件npm安裝$ npm install @jiaminghi/data-view使用import
  • GitHub 熱點速覽:刷 LeetCode 的正確姿勢! - CSDN
    btw,項目剛開源 24 小時不到已獲得近 3k starGitHub 地址→https://github.com/cyrildiagne/ar-cutpaste1.2 亞馬遜工程師親測:coding-interview-university本周 star 增長數:850+coding-interview-university
  • 如何寫一個vue組件專題及常見問題 - CSDN
    轉自:https://www.cnblogs.com/pengchenggang/p/10880437.html如何寫好一個vue組件一個適用性良好的組件,一種是可配置項很多,另一種就是容易覆寫,從而擴展功能Vue 組件的 API 來自三部分——prop、事件和插槽:prop 允許外部環境傳遞數據給組件event 允許從組件內觸發外部環境的副作用slot
  • 過萬star高星項目的秘密(GitHub速覽 Vol.39)
    用 C 編寫的 GitHub repo 周榜中,知名的兩大深度學習框架——Tensorflow 和 Pytorch 雖榜上有名但是二者相加 star 數也未破千,好在 Go 項目一向頗受歡迎,比如 GitHub 官方開源的 cli 則一周獲得超過 3k+ star,之前熱點趨勢推薦過的安全傳輸文件工具——croc 表現也很搶眼獲得了 2k+ star。
  • 最新GitHub前10的JavaScript開源項目分享
    web前端開發框架的JavaScript庫Vue強勢霸榜,Mozilla開源的一項加密文件共享服務Send也上榜了,排行第三,還有許多實用的插件......具體如下:https://github.com/vuejs/vue Star 133287Vue.js 是構建 Web 界面的 JavaScript 庫,提供數據驅動的組件,
  • 《精通react/vue組件設計》之實現一個健壯的警告提示(Alert)組件
    數據展示型組件: 比如Avator頭像, Table表格, List列表等.反饋型組件: 比如Progress進度條, Drawer抽屜, Modal對話框等.正文在開始組件設計之前希望大家對css3和js有一定的基礎,並了解基本的react/vue語法.我們先看看實現後的組件效果:1. 組件設計思路按照之前筆者總結的組件設計原則,我們第一步是要確認需求.
  • 精通react/vue組件設計之配合React Portals實現一個(Drawer)組件
    通過組件的設計過程,大家會接觸到一個完成健壯的組件設計思路和方法,也能在實現組件的過程逐漸對react/vue的高級知識和技巧有更深的理解和掌握,並且在企業實際工作做遊刃有餘.作為數據驅動的領導者react/vue等MVVM框架的出現,幫我們減少了工作中大量的冗餘代碼, 一切皆組件的思想深得人心.
  • Github Star 7.2K,超級好用的OCR數據合成與半自動標註工具,強烈...
    PaddleOCR 歷史表現回顧先看下 PaddleOCR 自今年開源以來,短短幾個月在 GitHub 上的表現:6 月,8.6M 超輕量模型發布,GitHub Trending 全球趨勢榜日榜第一。8 月,開源 CVPR2020 頂會 SOTA 算法,再上 GitHub 趨勢榜單!
  • 基於Vue實現一個有點意思的拼拼樂小遊戲
    vue的第三方移動端ui庫,筆者推薦如下:Mint 餓了麼推出的移動端ui庫NutUI 一套京東風格的移動端組件庫muse-ui 基於MaterialUI風格的移動端UI組件cube-uicd pinpinle && yarn start複製代碼關於vue-cli3配置實戰,可以移步 一張圖教你快速玩轉vue-cli3H5遊戲核心功能介紹目前筆者主要整理樂如下核心功能,接下來筆者會一一帶大家實現
  • 《精通react/vue組件設計》之快速實現一個可定製的進度條組件
    而是要根據已有前端的開發經驗,總結出一套自己的高效開發的方法.作為數據驅動的領導者react/vue等MVVM框架的出現,幫我們減少了工作中大量的冗餘代碼, 一切皆組件的思想深得人心.所以, 為了讓工程師們有更多的時間去考慮業務和產品迭代,我們不得不掌握高質量組件設計的思路和方法.所以筆者將花時間去總結各種業務場景下的組件的設計思路和方法,並用原生框架的語法去實現各種常用組件的開發,希望等讓前端新手或者有一定工作經驗的朋友能有所收穫
  • 深度剖析github上15.1k Star項目:redux-thunk
    本文轉載自【微信公眾號:趣談前端,ID:beautifulFront】經微信公眾號授權轉載,如需轉載與原文作者聯繫日益忙碌的一周又過去了,是時候開始每周一次的總結復盤了,今天筆者就來剖析一下github中star數15.1k的開源項目redux-thunk。
  • 周獲4700 Star 全球疫情數據可視化系統,超輕量級中文 OCR...
    以下內容摘錄自上周微博的 GitHub Trending,選項標準:新發布 | 實用 | 有趣,根據項目 release 時間分類,發布時間超過 30 天的項目一律稱之為成熟穩重老項目,由於文章篇幅問題還有部分項目未能在本文展示,望周知 可怕 GitHub 新生1.1 中文 OCR:chineseocr_lite本周 star 增長數:1750
  • 使用electron+vue開發一個跨平臺todolist(便籤)桌面應用
    之前我一直簡單的以為electron只是張網頁加個殼,和那些號稱跨平臺的運行在手機上的webapp是一個套路。直到我真的需要開發一個跨平臺桌面應用的時候,我又認真的嘗試了一下electron,我開始意識到:這才是我理想中的跨平臺桌面應用開發的最終形態,它簡直太優秀了。
  • 精通react/vue組件設計之實現一個Tag(標籤)和Empty(空狀態)組件
    "辛勤勞動",而是要根據已有前端的開發經驗,總結出一套自己的高效開發的方法.作為數據驅動的領導者react/vue等MVVM框架的出現,幫我們減少了工作中大量的冗餘代碼, 一切皆組件的思想深得人心.所以, 為了讓工程師們有更多的時間去考慮業務和產品迭代,我們不得不掌握高質量組件設計的思路和方法.所以筆者將花時間去總結各種業務場景下的組件的設計思路和方法,並用原生框架的語法去實現各種常用組件的開發,希望等讓前端新手或者有一定工作經驗的朋友能有所收穫
  • 精通React/Vue系列之帶你實現一個功能強大的通知提醒框
    數據展示型組件: 比如Avator頭像, Table表格, List列表等.反饋型組件: 比如Progress進度條, Drawer抽屜, Modal對話框等.並且我們都知道,antd或者element這種組件庫,會自帶一些主題狀態,來提高用戶的使用效率,比如會有success(成功狀態),warning(警告狀態),error(錯誤狀態),info(通知狀態)等,那麼我們自己實現的組件也因該具備這些功能。
  • 準備將您的Vue應用遷移到Vue 3
    Vue.filter('toCurrency', function (value) {return`$${value.toFixed(2)}`})在這種情況下,我建議您刪除上面的全局過濾器代碼,並將過濾器功能移到首先成為可以共享的純輔助功能。
  • vue 渲染函數插槽專題及常見問題 - CSDN
    插槽是Vue組件的一種機制,它允許你以一種不同於嚴格的父子關係的方式組合組件。插槽為你提供了一個將內容放置到新位置或使組件更通用的出口。從一個簡單的例子開始:// frame.vue這個組件最外層是一個div。假設div的存在是為了圍繞其內容創建一個樣式框架。這個組件可以通用地用於將框架包圍在wq你想要的任何內容上,來看看它是怎麼用的。
  • Vue 項目中哪些問題戳中你的痛點?你又是如何解決的?(更新中)
    其他頁面進入列表頁刷洗數據的實踐css的scoped私有作用域和深度選擇器hiper打開速度測試vue數據的兩種獲取方式+骨架屏自定義組件(父子組件)的雙向數據綁定路由的拆分管理mixins混入簡化常見操作打包之後文件、圖片、背景圖資源不存在或者路徑錯誤的問題vue插件的開發、發布到github、設置展示地址、發布npm包===========================這是華麗麗的分割線~~=
  • 尤雨溪在Vue3.0 Beta直播裡聊到了這些…
    很多時候,我們並不需要 vue提供的所有功能,在 vue 2 並沒有方式排除掉,但是 3.0 都可能做成了按需引入。5. Composition APIFragment翻譯為:「碎片」render 函數也可以返回數組了,類似實現了 React.Fragments 的功能 。6.1 <Teleport>
  • Vue超好玩的新特性:DOM傳送門
    如果單單看到 「傳送門」 這三個字的話,有可能無法聯想出這到底是一個怎樣的功能。另一方面即使沒用 Vuex ,用 emit 派發事件,然後再在父組件或祖先組件上監聽事件再向下層層傳遞也顯得過於麻煩,其他的一些組件通信方式也沒好到哪去。所以從封裝性上來講,它倆才應該是一個整體: