AC TABLE V 1.0

Présentation générale

L'objet AC-TABLE est composé de 2 blocs:

Un bloc contrôles globaux (a) qui permet, sur l'ensemble de la table, d'effectuer les opérations suivantes:

Filtrage des données multi-colonnes
Masquage et déplacement de colonnes
Tri multi-colonne
Recherche sur la totalité de la table

Un bloc table (b) qui contient les données et offre la possibilité, par colonne, de trier ou d'appliquer un filtre sophistiqué.

(a)

(b)

Le bloc contrôles globaux

Le bouton filtre

bloc filtre global (c)

Quand ce dernier est affiché le libéllé du bouton devient "hide filters", surligné en vert. Le cliquer à nouveau ferme le bloc filtre global, sans réinitialiser son contenu.

barre de contrôles (cc)

bloc table filtre (ct)

(c)

(cc)

(ct)

AC TABLE V 1.0

©2021 alarius consulting

Le bloc table filtre:
- Il contient les éléments uniques visibles (non filtrés) de chaque colonne, classés par ordre croissant.
- Il est mis à jour chaque fois qu'un filtre global ou un filtre de colonne est appliqué, qu'une colonne est cachée ou déplacée.
- Il permet de choisir les éléments à sélectionner pour le filtre global, sur une ou plusieurs colonnes:
  - Soit en cliquant sur les éléments un à un.
  - Soit en cliquant sur l'en-tête de colonne ( sélectionne tous les éléments de la colonne ).
  - Soit un cliquant sur le bouton ( sélectionne tous les éléments de la table filtre ). Cliquer sur un élément sélectionné le déselectionne.

La barre de contrôles:
- Le bouton permet de sélectionner tous les éléments de la table filtre.
- Le bouton permet de désélectionner tous les éléments de la table filtre.
- Le bouton
  - Désélectionne tous les éléments de la table filtre.
  - Ferme la table filtrée (tf).
- Le bouton
  - Filtre le bloc table (b) selon les éléments sélectionnés.
  - Ecrit les résultats dans une nouvelle table, la table filtrée (tf). Le bloc table (b) n'est pas modifié.

AC TABLE V 1.0

©2021 alarius consulting

Exemple de table filtrée (tf).

(tf)

Déplacement de la table filtrée (tf).
Elle se déplace en cliquant sur sa barre de contrôle.

Export des données de la table filtrée (tf):
Elles sont exportables en fichier xls ( ) ou csv. ( )

Export de la table filtrée (tf) dans une nouvelle fenètre:
Le bouton ( ) exporte une copie de la table dans une nouvelle fenêtre, ainsi que ses boutons d'export.
Il est donc possible de générer plusieurs tables filtrées et de les conserver dans différentes fenètres.
Le bouton ( ) déselectionne tous les éléments et ferme la table filtrée (tf).
Il ne ferme pas les fenètres ouvertes par le bouton .

NB: cliquer AC-TABLE btn select all

puis

permet d'exporter l'ensemble de la table visible

Le bouton map

bloc map (d)

Quand ce dernier est affiché le libéllé du bouton devient "hide map", surligné en vert. Le cliquer à nouveau ferme le bloc map, sans réinitialiser son contenu.

(d)

AC TABLE V 1.0

©2021 alarius consulting

Le bloc map

Contient des éléments qui reprennent les libellés des colonnes associés à un bouton ON/OFF.
Ce dernier permet de masquer ou d'afficher la colonne concernée . S'il passe de ON à OFF:

Il devient grisé at affiche la valeur OFF.
La colonne correspondant du bloc table (b) est masquée
Le bouton map affiche le nombre de colonnes cachées

Les colonnes du bloc table (b) peuvent être déplacées en cliquant sur chaque élément du bloc map (d) et en effectuant un glissé déplacé.

Quand on déplace un élément du bloc map de la gauche vers la droite, il se positionne à droite de l'élément au dessus duquel on relâche la souris.
Quand on déplace un élément de la droite vers la gauche, il se positionne à gauche de l'élément au dessus duquel on relâche la souris.
NB: Le déplacement de colonne est "neutre", il ne réinitialise pas les filtres. Il peut donc être effectué à n'importe quel moment.

Le bouton tri multiple

bloc tri (e)

Quand ce dernier est affiché le libéllé du bouton devient "hide mSort", surligné en vert. Le cliquer à nouveau ferme le bloc tri (e), sans réinitialiser son contenu.

Ce dernier contient:

Un bloc contrôle (ea)

Un bloc select key(s) (eb)

Un bloc selected key(s (ec) )

Un bloc sort order (ed)

(e)

(ea)

(eb)

(ec)

(ed)

AC TABLE V 1.0

©2021 alarius consulting

Pour sélectionner les colonnes de tri, il faut cliquer sur les clés de tri du bloc select keys puis effectuer un glissé déplacé vers le bloc selected key.

Le bloc sort order affiche alors automatiquement une liste de choix qui permet de sélectionner un tri ascendant ou descendant.

(e)

(ea)

(eb)

(ec)

(ed)

Pour supprimer une clé de tri, il suffit de la déplacer du bloc selected key vers le bloc select keys.
La liste de choix correspondant à la clé est automatiquement supprimée du bloc sort order
Il est également possible de déplacer les clé à l'intérieur du bloc selected key , de façon à modifier la priorité du tri.

Le bloc select key(s):

Les clés sont automatiquement générées en fonction des colonnes visibles
Lorsqu'un colonne est masquée ou déplacée le bloc select key((s) est réactualisé.

Le bloc contrôle:

Le bouton applique le tri multiple au le bloc table (b)

NB: les données sont triées selon leur type ( texte, nombre date ou pourcentage ). Voir la partie 4. pour plus de détails.

Le bouton réinitialise le tri (vide le bloc selected key(s))

Le bouton recherche

La recherche s'effectue sur les lignes visibles. Les lignes filtrées (masquées) ne sont pas affectées.
Pour chaque caractère entré, les lignes qui ne le contiennnent pas sont masquées.
La recherche n'est pas sensible à la casse.

AC TABLE V 1.0

©2021 alarius consulting

Le bloc table (b)

Le bloc table (b) contient les éléments du tableau de données en entrée.
3 contrôles sont rajoutés automatiquement aux en-têtes de colonnes, prenant en compte le type de donnée de la colonne.( voir partie 4.)

2 boutons de tri de colonne

1 bouton filtre de colonne

Une barre de contrôle, qui contient

L'en-tête de la colonne concernée ( il est possible d'ouvrir plusieurs blocs filtre ). Cliquer dessus permet de déplacer le bloc.
Un bouton qui applique le filtre à la colonne
Un bouton qui supprime le filtre. ( Démasque les lignes filtrées )
Un bouton qui permet d'ajouter une condition et/ou et une ligne supplémentaire dans le bloc de construction de filtre.
Un bouton qui supprime la dernière ligne du bloc construction.( Et applique le filtre )
Un bouton qui ferme le bloc filtre, sans supprimer le filtre . NB: Si au moins un filtre est activé pour la colonne, le bouton s'allume pour le signaler quand le bloc filtre est fermé.

Un bloc de construction de filtre qui contient

Un opérateur de comparaison ( variable selon le type de donnée)
La valeur avec laquelle comparer

AC TABLE V 1.0

©2021 alarius consulting

Opérateurs de comparaison:

Les opérateurs disponibles sont fonction du type de la colonne:

Opérateurs communs à tous les types:

= : égal ( correspondance exacte )
<> : différent de
> : strictement supérieur
>= : supérieur ou égal
< : strictement inférieur
<= : inférieur ou égal

Opérateurs spécifiques au type texte:

⊂ : contient
⊄ : ne contient pas

Combinaisons de filtres ( exemple ):

AC TABLE V 1.0

Utilisation et format des données

Modes d'appel de la fonction

Dans un fichier javascript:

Le tableau de données javascript (array)
L'id à affecter à la table.

L'id du div dans lequel construire la table. Si ce paramètre est absent un div est construit automatiquement.
Un vecteur(array) donnant le type des colonnes. S'il est absent la fonction AC_TABLE détermine elle-même le type des données.

var data=[ ['ptfs','codes','country','rating','sector','maturity','coupon','amount','issuer','asset type'], ['ptf01','xs01','france','AA','sector1','19/01/2049','0.5%','','issuer8','bond'], ['ptf01','xs08','france','A','sector4','','1%',5000000,'issuer1','bond'], ['ptf02','xs08','france','A','sector4','','#NA',10000000,'issuer1','bond'], ['ptf03','xs08','france','A','sector4','','',10000000,'issuer1','bond'], ['ptf01','xs06','spain','AAA','sector3','03/01/2038','0.75%',20000000,'issuer9','bond']]

var types1=['string','string','string','string','string','date','percent','number','string','string'];

AC_TABLE(data,"dataSet1","",types1)//appel de la fonction

Dans un fichier excel:

Une fois que l'utilisateur a sélectionné son tableau excel le code VBA prend en charge le nettoyage des données, la génération de la variable javascript de données ainsi que du vecteur des types puis construit la table. AC-TABLE excel2

Typage des données

Le type texte (string)
Le type date (date)
Le type pourcentage (percent):

Cas des entrées de forme 'XX.XX%'. Une donnée entrée comme 0.XXXX est considérée comme un nombre. Les pourcentages sont affichés comme du texte mais manipulés comme des nombres.

Le type nombre (number):

Ils sont affichés comme du texte ( pour utiliser le séparateur de milliers ) mais manipulés comme des nombres.

AC TABLE V 1.0

Gestion des entrées vides

restent affichées comme telles dans le bloc table(b)

Lors d'une opération de tri:

Type nombre et pourcentage:

" " = -9007199254740991 dans le cas d'un tri descendant.
" " = 9007199254740991 dans le cas d'un tri ascendant.

Type date:

" " = 01/01/1980 dans le cas d'un tri descendant.
" " = 01/01/5000 dans le cas d'un tri ascendant.

Lors d'une opération de filtrage:

Juin 2021