COMPOSANTS
Tableau
Demo
Code
Documentation
Installation
Étape 1
Installez le composant ip-table en tant que dépendance dans votre projet :
npm install ip-accordionÉtape 2
Importez le module dans votre fichier script :
Utilisation
Pour utiliser ce composant, il faut ajouter les propriétés sous forme d’attribut.
Propriétés
| Propriété | Attribut | Nécessité | Description | Type | Valeur par défaut |
|---|---|---|---|---|---|
| columns | columns | Requise | Chaîne JSON représentant un tableau d’objets pour l’en-tête (thead). | string | Non défini |
| rows | rows | Requise | Chaîne JSON représentant un tableau d’objets pour le corps du tableau (tbody). | string | Non défini |
Propriété Columns
La propriété columns est une chaîne JSON représentant un tableau de définitions de colonnes. Chaque colonne doit contenir deux éléments :
- header: une chaîne représentant le nom de la colonne. Elle sera affichée comme en-tête de colonne dans le tableau.
- type:Une chaîne qui représente le type de données dans la colonne. Cela devrait être 'string' ou 'number'. Cela est utilisé pour déterminer comment trier la colonne. Les colonnes de type 'string' sont triées par ordre alphabétique, tandis que les colonnes de type 'number' sont triées numériquement.
Propriété Rows
La propriété rows est une chaîne JSON représentant un tableau d’objets.Chaque objet de ligne doit contenir des paires clé-valeur où les clés correspond aux en-têtes de colonne et les valeurs représentent les données de la cellule.
Personnalisation
Nous disposons d’un ensemble de variables prédéfinies permettant de personnaliser le tableau :
--primary-color--secondary-color--thead-color--hover-color--font-size--font-family
Pour mettre à jour ces valeurs, utilisez ce qui suit :