Skip to content

基于element-ui的数据驱动表格组件,虚拟滚动,数据代理等,保持灵活性,极简的思想,更少的代码,更多的功能,更快速的开发 ⬆⬆⬆

License

Notifications You must be signed in to change notification settings

agrass-GitHub/agel-table

Repository files navigation

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

MIT Licence npm download

文档

该组件适用于 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>

About

基于element-ui的数据驱动表格组件,虚拟滚动,数据代理等,保持灵活性,极简的思想,更少的代码,更多的功能,更快速的开发 ⬆⬆⬆

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published