MaiYaoqiang / agel-table

element-ui table 的二次封装，保持灵活性，极简的**，更少的代码，更多的功能，更快速的开发 ⬆⬆⬆

agel-table | 使 element-ui table 组件更简单

文档

• 官网 - 使用文档 （gitee 提供服务，国内较快）
• 官网 - 使用文档 （github 提供服务）

特性

该组件的**就是以一个 table 对象来做所有的操作，哪怕页上多个列表也不用在 data 定义一堆 data1,data2,loading1,loading2 ... 等变量，更加简单明了。

• 保持灵活性，极简的**，更少的代码，更多的功能，更快速的开发
• 支持 element-ui table 组件的所有 api, slot, event, method
• 解决 element-ui table 一些潜在问题
• 添加额外的扩展功能
  • 纯数据配置
  • 动态显隐列
  • 集成分页组件
  • 数据代理
  • 自动合并相同行
  • 虚拟滚动支持大数据渲染 10w+
  • 跟随窗口大小自适应高度

安装使用

npm install agel-table --save

如此简单

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