agel table

agel-table | Make element-ui table component simpler

document

• Official website-Usage documentation

This component is suitable for vue2.x. For vue3.x, please transfer it from element-plus-crx.

characteristic

The idea of ​​this component is to use a table object to do all operations. Even if there are multiple lists on the page, there is no need to define a bunch of data1, data2, loading1, loading2... and other variables in data. It is simpler and clearer and suitable for vue2+elementUI. .

• Maintain flexibility, minimalist thinking, less code, more functions, and faster development
• Supports all api, slot, event, method of element-ui table component
• Pure data configuration
• Integrated paging component
• menu bar
• Dynamic visible and hidden columns
• data broker
• Automatically merge identical rows
• Virtual scrolling supports big data rendering 10w+
• Adapt height to container size

Install and use

npm install agel-table --save

so simple

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