Table-plugin-openclassrooms NPM

TablePlugin - P14 OpenClassrooms

https://github.com/CamilleStagiaire/P14-table-plugin.git
Formation Développeur d'application - JavaScript React

Description:

Le TablePlugin est un composant React conçu pour faciliter la création et la gestion de tables dynamiques dans vos applications React. Il permet de trier, filtrer et paginer des données.

Prerequis:

Node.js > v16
VS Code éditeur de texte recommandé
Un terminal bash ex : git Bash

Installation

Vous pouvez installer le TablePlugin en utilisant npm ou yarn :

Avec npm:

npm install table-plugin-openclassrooms

Avec yarn:

yarn add table-plugin-openclassrooms

Utilisation:

import React from 'react';
import TablePlugin from 'table-plugin-openclassrooms';

const App = () => {
  const data = [{ /* votre tableau de données */ }];
  const dataMapping = {/* votre objet de mapping des données */};
  const primaryColor = "#5a6f08"; // La couleur principale du tableau

  return (
    <TablePlugin data={data} dataMapping={dataMapping} primaryColor={primaryColor} />
  );
}

export default App;

Props :

Prop	Type	Description
data	Array	Les données que vous souhaitez afficher dans le tableau.
dataMapping	Object	Un objet qui associe les clés de vos données aux en-têtes de colonnes.
primaryColor	String	La couleur principale utilisée dans le tableau.

Personnalisation:

Vous pouvez personnaliser le style du TablePlugin en surchargeant les classes CSS. Consultez le fichier de style pour voir les classes disponibles.

Contribuer:

Les contributions sont toujours les bienvenues! Pour contribuer, veuillez forker le dépôt, créer une branche, faire vos changements, et soumettre une pull request.