NgxTablexcel1Ui

This library was generated with Angular CLI version 17.3.0.

I. Rendu

1. Image rendu

2. animation rendu

II. Utilisation

1. les entêtes

headers= [
    {
      libelle: 'Partenaire',
      key: 'libelle',
      style: {
        'background-color': '#1B1B1B',
        color: 'white',
        'text-align': 'center',
      }
    },
    {
      libelle: 'C2S',
      key: 'c2s',
      style: {
        'background-color': '#00B050',
        color: 'white',
        'text-align': 'center',
      }
    },
    {
      libelle: 'Macabine',
      key: 'macabine',
      style: {
        'background-color': '#00B050',
        color: 'white',
        'text-align': 'center',
      }
    },
    {
      libelle: 'CAT',
      key: 'cat',
      style: {
        'background-color': '#363636',
        color: 'white',
        'text-align': 'center',
      }
    }
  ];

2. Les données

data = [
    {
      libelle: 'EST TOTAL',
      total_c2s: '2',
      total_macabine: '2',
      total_cat: '2',
      childrens: [
        {
          libelle: 'AJS',
          c2s: '2',
          macabine: '2',
          cat: '2',
        },
        {
          libelle: 'DISTRICENTRE',
          c2s: '2',
          macabine: '2',
          cat: '2',
        }
      ]
    },
    {
      libelle: 'EST TOTAL',
      total_c2s: '2',
      total_macabine: '2',
      total_cat: '2',
      childrens: [
        {
          libelle: 'AJS',
          c2s: '2',
          macabine: '2',
          cat: '2',
        },
        {
          libelle: 'DISTRICENTRE',
          c2s: '2',
          macabine: '2',
          cat: '2',
        }
      ]
    },
    {
      libelle: 'EST TOTAL',
      total_c2s: '2',
      total_macabine: '2',
      total_cat: '2'
    }
  ]

3. Affichage du component dans le HTML

<derich-ngx-tablexcel1-ui
[headers]="headers"
[data]="data">
</derich-ngx-tablexcel1-ui>