agel table

agel-table | Rendre le composant de table element-ui plus simple

document

• Site officiel-Documentation d'utilisation

Ce composant convient à vue2.x. Pour vue3.x, veuillez le transférer depuis element-plus-crx.

caractéristiques

L'idée de ce composant est d'utiliser un objet table pour effectuer toutes les opérations même s'il y a plusieurs listes sur la page, il n'est pas nécessaire de définir un tas de données1, données2, chargement1, chargement2... et d'autres variables. dans les données. C'est plus simple et plus clair, et convient à vue2+elementUI .

• Maintenez la flexibilité, une pensée minimaliste, moins de code, plus de fonctions et un développement plus rapide
• Prend en charge toutes les API, emplacements, événements et méthodes du composant de table element-ui
• Configuration de données pures
• Composant de pagination intégré
• barre de menu
• Colonnes dynamiques visibles et masquées
• courtier en données
• Fusionner automatiquement les lignes identiques
• Le défilement virtuel prend en charge le rendu Big Data 10w+
• Adapter la hauteur à la taille du conteneur

Installer et utiliser

npm install agel-table --save

si simple

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