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>