Ajouter des données tabulaires à votre modèle HTML
Vous pouvez ajouter la table source d'un graphique dans votre application en tant que données tabulaires dans votre modèle de rapport HTML. Il est possible d'ajouter des données tabulaires, soit sous la forme d'une table complète, soit sous forme d'une ou de plusieurs colonnes individuelles. Que vous ajoutiez un graphique sous forme de balise de table individuelle ou de colonnes individuelles, l'objet sous-jacent que vous créez est une table. La table est ajoutée en tant qu'objet dans le panneau des objets, auquel vous pouvez revenir à tout moment pour la modifier et la réutiliser.
Les graphiques avec des hypercubes de type rectiligne peuvent être ajoutés sous forme de données tabulaires. Lorsque vous ajoutez un graphique sous forme de table, les champs sous-jacents représentant les données du graphique sont ajoutées sous forme de colonnes au rapport.
Vous ajoutez des données sous forme de table dans le menu Table du panneau d'objets.
Lorsque vous sélectionnez une table, actualisez la liste des tables disponibles depuis l'application en cliquant sur .
Ajout d'un graphique complet
Vous pouvez ajouter un graphique complet au format tabulaire via une balise individuelle. Les données du graphique sont insérées dans le rapport sous forme de tableau simple.
Procédez comme suit :
-
Dans le concepteur HTML, placez votre curseur à l'emplacement du code où vous souhaitez insérer la table.
-
Cliquez sur
dans le panneau des objets.
Menu Tables dans le panneau des objets du concepteur HTML
-
Cliquez sur Ajouter une table. Une liste de feuilles disponibles apparaît.
-
Développez la feuille contenant le graphique à ajouter en tant que table. Vous pouvez rechercher le nom du graphique en affinant la liste de feuilles, si nécessaire.
Vous pouvez afficher un aperçu du graphique avant de l'ajouter en cliquant sur le nom du graphique.
-
Cliquez sur l'icône
à côté du graphique.
-
Dans le menu déroulant, sélectionnez Table. Cela permet d'insérer le graphique en tant qu'élément unique dans le modèle.
Sélection d'un graphique à ajouter en tant que table
-
Dans le panneau des objets, donnez un nom unique à la table afin de pouvoir l'identifier ultérieurement.
Surface de conception du modèle avec la table ajoutée en tant que balise unique
-
Vous pouvez ajuster les propriétés de la table dans le panneau des objets. Pour plus d'informations sur les propriétés de formatage des données tabulaires, voir Propriétés de formatage des données HTML tabulaires.
-
Vous pouvez réutiliser l'objet table à tout moment. Ouvrez
dans le panneau des objets et cliquez sur
pour ouvrir l'objet. Cliquez sur Ajouter une balise de table pour ajouter à nouveau la table.
Ajout d'un graphique par colonne
Il est également possible d'ajouter un graphique au format tabulaire sous la forme d'un ensemble de colonnes individuelles. Cela permet également d'augmenter le contrôle sur le formatage au sein du modèle de rapport.
Les données du graphique sont insérées dans le rapport sous forme de tableau simple.
Procédez comme suit :
-
Dans le concepteur HTML, placez votre curseur à l'emplacement du code où vous souhaitez insérer la table.
-
Cliquez sur
dans le panneau des objets.
Menu Tables dans le panneau des objets du concepteur HTML
-
Cliquez sur Ajouter une table. Une liste de feuilles disponibles apparaît.
-
Développez la feuille contenant le graphique à ajouter en tant que table. Vous pouvez rechercher le nom du graphique en affinant la liste de feuilles, si nécessaire.
Vous pouvez afficher un aperçu du graphique avant de l'ajouter en cliquant sur le nom du graphique.
-
Cliquez sur l'icône
à côté du graphique.
-
Dans le menu déroulant, sélectionnez Colonnes individuelles.
Sélection d'un graphique à ajouter en tant que colonne
-
Sélectionnez les colonnes à ajouter ou cliquez sur Tout pour insérer toutes les colonnes du graphique.
-
Le graphique est ajouté au modèle en tant qu'élément table, chaque colonne étant indiquée dans l'élément td qui lui est associé. Si vous ajoutez une seule colonne, celle-ci est ajoutée en tant qu'élément unique, de la même manière qu'une table entière.
Dans le panneau des objets, donnez un nom unique à la table afin de pouvoir l'identifier ultérieurement.
Surface de conception du modèle avec table ajoutée en tant que série de colonnes individuelles
-
Vous pouvez ajuster les propriétés de la table dans le panneau des objets. Pour plus d'informations sur les propriétés de formatage des données tabulaires, voir Propriétés de formatage des données HTML tabulaires.
-
Vous pouvez réutiliser l'objet table à tout moment. Ouvrez
dans le panneau des objets et cliquez sur
pour ouvrir l'objet. Cliquez sur Ajouter une balise de table pour ajouter une nouvelle instance de la table en tant qu'élément unique, ou créez une structure de table vierge et ajoutez chaque référence de colonne individuellement dans les éléments td.
L'ensemble de colonnes reste considéré comme un seul objet.
Ajout de plusieurs colonnes d'un graphique
Dans un graphique ajouté par colonne
Après avoir ajouté des colonnes d'une table individuellement, vous pouvez en ajouter davantage à tout moment. La procédure à suivre varie selon que la table d'origine est constitué d'une seule colonne ou de deux colonnes ou plus.
Table avec une colonne existante
Si vous avez une table avec une seule colonne ajoutée individuellement, le processus d'ajout de nouvelles colonnes est plus complexe. Dans certains cas, il peut être plus facile de recréer l'objet en configurant plusieurs colonnes depuis le début. Cependant, vous pouvez toujours ajouter des colonnes supplémentaires à une table à colonne unique.
Procédez comme suit :
-
Sur la surface de conception, collez l'élément de table vierge suivant dans une zone vide :
<table cellspacing="0" style="border-collapse: collapse"> <tbody><tr> <td></td><td></td><td></td> </tr> </tbody></table> -
Coupez et collez l'élément existant pour la colonne individuelle dans l'un des éléments td que vous venez d'ajouter. Par exemple :
<table cellspacing="0" style="border-collapse: collapse"> <tbody><tr> <td>%%ProductCategory%%</td><td></td><td></td> </tr> </tbody></table> -
Placez votre curseur sur l'élément de colonne individuel existant.
Dans le panneau des objets, le menu Tables s'ouvre avec la colonne développée.
-
Trouvez la colonne que vous souhaitez ajouter sous l'onglet Colonnes. Développez-la, configurez ses propriétés, puis cliquez sur Ajouter une balise de colonne.
-
Répétez les étapes 3 et 4 pour chaque nouvelle colonne que vous souhaitez ajouter à partir de la table source. Vous devrez ajouter de nouveaux éléments <td></td> si nécessaire et supprimer tous les éléments <td></td> inutilisés (vides) avant de terminer.
Lorsque cette procédure est effectuée, la table reste le même objet de table que celui qui est disponible dans le panneau des objets.
Table avec une ou plusieurs colonnes existantes
Procédez comme suit :
-
Dans le code HTML, sélectionnez l'élément td pour la colonne située directement à gauche de l'endroit où vous souhaitez insérer une colonne.
Dans le panneau des objets, le menu Tables s'ouvre avec la colonne développée.
-
Créez un nouvel élément td en collant ce qui suit dans votre modèle :
<td></td>Ensuite, placez votre curseur entre les balises d'ouverture et de fermeture.
-
Dans le panneau des objets, configurez les propriétés de mise en forme de votre colonne, puis cliquez sur Ajouter une balise de colonne.
La référence à la colonne est insérée dans l'élément td vide.
Depuis un graphique ajouté sous forme de table complète
Vous pouvez ajouter de nouvelles instances d'un graphique qui a déjà été ajouté en tant qu'élément de table unique. Vous pouvez également ajouter des instances de colonnes individuelles que vous avez initialement ajoutées en tant qu'élément de table unique.
Procédez comme suit :
-
Dans le concepteur HTML, placez votre curseur à l'emplacement du code où vous souhaitez insérer le contenu.
-
Cliquez sur
dans le panneau des objets.
Le menu Tables s'ouvre.
-
Cliquez sur
à côté de l'objet existant.
-
Procédez de l'une des manières suivantes :
-
Pour ajouter une nouvelle instance de la table en tant qu'élément unique, cliquez sur Ajouter une balise de table.
-
Pour ajouter des colonnes individuelles, cliquez sur Développer les colonnes. Configurez les propriétés de la colonne et cliquez sur Ajouter une balise de colonne. Si vous ajoutez plus d'une colonne dans une structure, vous devrez d'abord créer un élément de table vierge. Consultez Table avec une colonne existante.
-