Free Trial

Blog

Les analyses et les idées des plus grands esprits de l'analyse.
TIPS de la semaine

Chaque semaine, découvrez de nouvelles astuces et bonnes pratiques pour devenir un expert !

Voir l'index
StephaneP
Alteryx Alumni (Retired)

Le reporting avancé ou le paradoxe de Spock : 1-Le Starter kit du reporting avancé 

Reporting avancé ou le paradoxe de Spock : 2. Comprendre la logique de formatage

Reporting avancé ou le paradoxe de Spock : 3 - Découverte de la syntaxe CSS pour les bordures

Reporting avancé ou le paradoxe de Spock : 4 - 1er Exemple avancé d’utilisation du CSS

Reporting avancé ou le paradoxe de Spock : 5 - 2ème Exemple avancé d’utilisation du CSS

Reporting avancé ou le paradoxe de Spock : 6. Gestion de la taille des colonnes

Reporting avancé ou le paradoxe de Spock : 7. Exemples de gestion de taille des colonnes

Reporting avancé ou le paradoxe de Spock : 8. Entête multilignes sorti dans 1 tableau XLS

Reporting avancé ou le paradoxe de Spock : 9. Entête multi lignes sorti dans 1 onglet XLS

Reporting avancé ou le paradoxe de Spock : 10. Entête multi lignes via l’outil Table

Reporting avancé ou le paradoxe de Spock : 11. Entête multi lignes via l’outil Table 2 (Vous êtes ici)

 

Cet article est l’explication pas à pas de la méthode

3 - SORTIE TABLE : Intégration des entêtes dans la table de donnée puis formatage via l’outil Table.

 

C’est l’une des 4 méthodes pour réaliser un formatage avancé de ce type avec une entête multilignes.

StephaneP_0-1655890330192.png

 

Pensez à visualiser chaque étape sur le workflow exemple !

 

Pour vous aider à suivre j’ai placé dans le workflow exemple toutes les étapes décomposées une par une. Vous pourrez donc visualiser ce qui a changé d’une étape à l’autre et valider que vous arrivez bien à passer d’une étape à l’autre.

 

StephaneP_1-1655890330490.png

 

Elle n’est pas belle la vie ? Workflow en fin d’article.

 

Les étapes de formatage de la table

 

Comme expliqué dans l'article Comprendre la logique de formatage, le formatage doit toujours se faire par ordre de priorité croissant afin que chaque couche que l’on rajoute soit bien prioritaire à l’affichage par rapport à la couche précédente. Ainsi, on se simplifie la vie, et chaque couche peut permettre de traiter les cas particuliers ou complémentaires des couches précédentes. Pour rappel, Les ordres de priorités se trouvent aussi dans l’aide en ligne.

 

Avant l'injection dans l'outil Table on a concaténé le bloc d’entête et de données. Cela doit bien être fait avant. Suite à leur injection dans l’outil table, on obtient :

 

StephaneP_2-1655890330504.png

 

On a bien sur désactivé l’entête en décochant l’option Afficher les en-têtes de colonne.

 

StephaneP_3-1655890330534.png

 

Et on va paramétrer le 1er menu, celui de table Paramètres de la table par défaut…

 

A - Table standard

On traite la couleur de fond secondaire.

StephaneP_4-1655890330544.png

 

On passe la couleur des bordures en silver (cela nous servira lorsqu’on activera les bordures des données) : 

 

StephaneP_5-1655890330554.png

 

Et on annule la bordure de table car on veut uniquement les bordures de données :

 

StephaneP_6-1655890330561.png

 

On obtient :

StephaneP_7-1655890330575.png

 

B - Règles standard de colonne

On va paramétrer ici la taille des colonnes, la justification et les bordures verticales.

Pour rappel on a déjà précisé que les bordures étaient de couleur silver au niveau table.

 

StephaneP_8-1655890330601.png

 

Pour la 1ère colonne (Scénario) on place une bordure à gauche.

On aligne à gauche les données. Et on fixe à une largeur de 2cm.

Pas besoin de nommer la colonne puisque le nom est dans les données.

 

Note 1, Résolu : l’option  Résolu du menu Largeur signifie « fixe » (mauvaise traduction de fixed). La correction arrive dans la prochaine version…

Note 2, largeur: pour que le tableau face en largeur la somme des colonnes, activez l’option automatique dans le menu « Largeur de table »

 

On obtient :

StephaneP_9-1655890330652.png

 

 

Note 3, Bordures : pour simplifier le formatage des bordures, pas la peine de les doublonner.

Par exemple, j’ai placé une bordure sur AUM in € à droite mais pas sur November Fund à gauche.

Bien penser aussi à en placer aux extrémités Pays à gauche et 2020 Excess à droite.

Comme plus tard on va conditionnellement enlever les bordures en trop sur les entêtes, autant se simplifier la vie.

 

C - Règles de ligne

On va paramétrer ici les cas particuliers de nos 3 entêtes, de notre Total et de nos sous totaux.

Ceci se réalise dans ce menu :

 

StephaneP_10-1655890330678.png

 

Rappelez-vous qu’on souhaite se simplifier la vie en limitant les cas particuliers.

C’est pour cela que comme expliqué précédemment, on vise un formatage qui nécessite le moins de corrections à postériori.

- L’entête 1 sera donc en blanc sur fond blanc,

- L’entête 2 en gris sur fond gris.

 

Cette opération fait disparaître visuellement les libellés. Mais résistez au réflexe de les faire apparaître à cette étape. Il est plus maintenable de le faire à l’étape des colonnes.

 

Formatage de l’entête 1 :

 

StephaneP_11-1655890330692.png

 

On teste si on est en ligne 1, et si oui, alors blanc sur fond blanc, justifié au centre en gras.

 

Formatage de l’entête 2 :

 

StephaneP_12-1655890330708.png

 

On teste si on est en ligne 2. Et si oui alors gris sur fond gris, justifié au centre et en gras.

 

Formatage de l’entête 3 :

 

StephaneP_13-1655890330724.png

 

On teste si on est en ligne 3. Et si oui, alors blanc sur fond bleu, justifié au centre, en gras et police 10.

 

Formatage des sous-totaux :

 

StephaneP_14-1655890330739.png

 

On teste si le libellé du pays commence par « Total ». Si oui alors blanc sur fond bleu en gras.

 

Note, Rendez votre formatage dynamique et adaptable : Pour identifier un sous total, essayez de rendre le test dynamique. Demain, il se peut que vous ayez plus ou moins de lignes de détails et donc que le sous- total soit plus haut ou bas dans le tableau. De même, il se peut que vous ayez besoin de nouveaux regroupements de sous totaux. Donc ne visez pas un numéro de ligne ou un libellé particulier. Ici, on a ciblé le fait que la ligne commençait par « Total ». Si elle est plus haute, plus basse ou si il y en a plus que 2, la règle s’adaptera sans avoir à modifier cette formule.

 

Formatage du Total :

 

StephaneP_15-1655890330755.png

 

On teste si le libellé du pays = « Grand Total ». Si oui, alors blanc sur fond bleu en gras police 9.

Là aussi, le fait de viser « Grand Total » plutôt que le numéro de la ligne est plus dynamique si demain la taille de mon tableau augmente.

 

Au final on obtient :

StephaneP_16-1655890330788.png

 

D - Règles de colonnes avec formule

 

Ceci se réalise dans ce menu, colonne par colonne.

 

StephaneP_17-1655890330815.png

 

 

Cette étape est la plus fastidieuse car colonne par colonne on va traiter tous les cas particuliers liés aux entêtes (encre, bordure et couleur de fond). On parle ici de potentiellement 3 entêtes x 11 colonnes = 33 cas particuliers. Même si il n’y en a pas autant. Mais, il faut se poser la question pour ces 33 cellules.

 

Que cherche t’on à faire ? A identifier, cellule par cellule ce qu’il manque pour atteindre le résultat final.

Exemple :

Pour 4 cellules voici la liste des formatages qu’il faut passer pour obtenir le résultat attendu : 

StephaneP_18-1655890330883.png

 

Exemple pour la 1ère colonne Pays

StephaneP_19-1655890330893.png

 

 

Formatage de l’entête 2 :

 

StephaneP_20-1655890330908.png

 

Si on se trouve sur la ligne 2 et qu’on a notre caractère spécifique « - » précisant que la cellule doit apparaître vide, alors fond blanc et encre blanche.

 

Note : là aussi on peut rajouter une touche de dynamisme avec le test du « - » qui n’est pas obligatoire. Mais, si demain il y a un libellé à la place sur « - » alors il ne sera pas effacé.

 

Formatage des bordures gauches :

 

StephaneP_21-1655890330921.png

 

Si on se trouve sur une ligne inférieure ou égale à 2 (pour les 2 premières lignes d’entête donc) alors on place la bordure en blanc (ce qui l’efface visuellement vu que le fond est blanc).

 

Note : il faut donc ici utiliser le langage CSS expliqué dans un précédent article. Simple à utiliser avec l’article en question.

 

 

2ème exemple pour la colonne 3Y Index

StephaneP_22-1655890330930.png

 

 

Formatage de l’entête 1 :

 

StephaneP_23-1655890330942.png

 

Si on se trouve sur la ligne 1 et que le contenu de la cellule est différent de notre caractère spécifique « - » précisant que la cellule doit apparaître vide, alors l’encre passe en noire.

 

Formatage de l’entête 2 :

 

StephaneP_24-1655890330955.png

 

Si on se trouve sur la ligne 2 et que le contenu de la cellule est différent de notre caractère spécifique « - » précisant que la cellule doit apparaître vide, alors l’encre passe en noire et on ajoute une bordure grise au-dessus via le style CSS.

 

On gère donc ainsi tous nos cas particuliers pour terminer notre table.

 

On obtient bien :

StephaneP_25-1655890330999.png

 

Félicitations !!

 

Allez… ne faîtes pas cette tête.

 

StephaneP_26-1655890331003.jpeg

 

 

Si vous êtes arrivé à cette étape, c’est que vous êtes passé en mode expert mondial du reporting. Et c’est vrai. Ne vient pas de Vulcain qui veut.

 

Enjoy !!

Stéphane Portier
Sales Engineer

Étiquettes