hoc element table

@hoc-element/table

? table sur la base de Webpack 5, <el-xxx> en Vue 3. Atteindre un degré de liberté plus élevé vise à réduire les opérations répétitives et à rendre le développement plus efficace.

Cette bibliothèque de composants peut être utilisée pour l'apprentissage, la référence et le développement secondaire

Démo en direct

Version

• Version Vue 3.x | Version Vue 2.x

Capture d'écran

Prise en charge de l'environnement

• Vue 3.2.x

Installer

npm install @hoc-element/table

# or

pnpm add @hoc-element/table

Démarrage rapide

• Veuillez installer element-plus avant utilisation

 import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import HocElTable from '@hoc-element/table'
import App from './App.vue'

createApp ( App )
  . use ( ElementPlus )
  . use ( HocElTable )
  . mount ( '#app' ) 

Journal des modifications

Les modifications détaillées pour chaque version sont documentées dans les notes de version

Fonctionnalité

• Construit sur Webpack 5
• Prise en charge complète de Vue 3
• Prend en charge la configuration rapide des tables sérialisées JSON
• Pagination est intégrée
• Prise en charge des noms de colonnes prop personnalisés
• Prend en charge le rendu personnalisé du contenu des cellules [voir les instructions de configuration du rendu des cellules]
• Prise en charge style de cellule personnalisé
• Prise en charge directives personnalisées contraignantes
• Prise en charge Events et Methods de liaison de Table native element-plus
• Prise en charge de l'affichage et du contrôle de masquage Header et Pagination

Instructions de configuration du rendu des cellules

méthode	illustrer	scène
---	Rendre la valeur clé correspondant au attrs.prop de la cellule	Convient pour afficher directement la valeur de l'accessoire
rendre	chaîne de rendu	Convient aux scénarios dans lesquels un microtraitement est effectué sur la valeur de prop par défaut.
renduHTML	Rendre l'élément DOM spécifié	Convient pour afficher l'action, généralement utilisée dans la dernière colonne (actuellement, ne prend en charge que le rendu des boutons électroniques, voir Exemple pour plus de détails)
composant de rendu	composant de rendu	Convient aux scénarios dans lesquels un contenu complexe doit être affiché dans des cellules, voir Exemple pour plus de détails

Exemple

Il s'agit d'un exemple relativement complet, couvrant presque toutes les utilisations de l'API. Le code source est ici : Code.

Déployer

Voir le référentiel ? hoc-element-table-build