agel table

agel-table | 讓element-ui table 元件更簡單

文件

• 官網- 使用文檔

此元件適用於vue2.x ，vue3.x 請轉自element-plus-crx。

特性

這個元件的想法就是以一個table 物件來做所有的操作，哪怕頁上多個列表也不用在data 定義一堆data1,data2,loading1,loading2 ... 等變量，更加簡單明了，適用於vue2+elementUI 。

• 保持靈活性，極簡的思想，更少的程式碼，更多的功能，更快速的開發
• 支援element-ui table 組件的所有api, slot, event, method
• 純數據配置
• 集成分頁組件
• 選單列
• 動態顯隱列
• 數據代理
• 自動合併相同行
• 虛擬滾動支援大數據渲染10w+
• 跟隨容器大小自適應高度

安裝使用

npm install agel-table --save

如此簡單

 < template >
  < agel-table v-model =" table " > </ agel-table >
</ template >
 
< script >
export default {
  data ( ) {
    return {
      table : {
        // ...
      } ,
    } ;
  } ,
} ;
</ script >