PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Création d'un tableau HTML
  • Utilisation d'un tableau HTML
  • Manipulation d'un tableau HTML
  • Sélectionner une cellule
  • Sélectionner une colonne ou une ligne
  • Supprimer un tableau HTML
  • Modifier la taille d'un tableau HTML
  • Modifier le nombre de cellules du tableau
  • Modifier la taille du tableau
  • Editer le style d'un tableau HTML
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Autres
Procédures stockées
Tableau HTML
Présentation
Le tableau HTML est un champ qui permet de faire des présentations spécifiques dans des pages HTML. Le tableau HTML ne permet pas de positionner des champs mais permet de présenter les informations.
Par exemple, grâce aux tableaux HTML il est possible de faire des énumérations avec des bordures et des colonnes.
Création d'un tableau HTML
Pour créer un tableau HTML :
  • soit utilisez l'option de menu "Insertion .. Tableau HTML".
  • soit cliquez sur l'icône .
Versions 15 et supérieures
Dans l'assistant qui se lance, sélectionnez les caractéristiques du tableau HTML à créer :
  • Nombre de lignes.
  • Nombre de colonnes.
  • Style du tableau et alternance des lignes et des colonnes.
Nouveauté 15
Dans l'assistant qui se lance, sélectionnez les caractéristiques du tableau HTML à créer :
  • Nombre de lignes.
  • Nombre de colonnes.
  • Style du tableau et alternance des lignes et des colonnes.
Dans l'assistant qui se lance, sélectionnez les caractéristiques du tableau HTML à créer :
  • Nombre de lignes.
  • Nombre de colonnes.
  • Style du tableau et alternance des lignes et des colonnes.
Pour créer un tableau HTML :
  • sous le volet "Création", dans le groupe "Conteneurs", cliquez sur "Tableau". Dans l'assistant qui se lance, sélectionnez les caractéristiques du tableau HTML à créer :
    • Nombre de lignes.
    • Nombre de colonnes.
    • Style du tableau et alternance des lignes et des colonnes.
  • sous le volet "Création", dans le groupe "Conteneurs", déroulez "Tableau" et sélectionnez directement le nombre de lignes et de colonnes du tableau. Dans l'assistant qui se lance, sélectionnez les caractéristiques de style du tableau et l'alternance des lignes et des colonnes.
Lorsque le tableau HTML est créé dans la page, il est possible de :
  • le déplacer grâce à l'icône .
  • manipuler sa description grâce au menu contextuel du champ. Le menu contextuel de permet de manipuler le tableau, le menu contextuel d'une cellule permet de manipuler les cellules du tableau.
Utilisation d'un tableau HTML
Dans chaque cellule d'un tableau HTML, il est possible de mettre un champ. Le champ et la cellule ont la même taille. Le champ et la cellule ont les mêmes propriétés de bordure et de fond.
Il n'est pas possible de mettre plusieurs champs dans une cellule d'un tableau HTML.
Cependant, il est possible de mettre une cellule HTML contenant plusieurs champs dans une cellule d'un tableau HTML.
Manipulation d'un tableau HTML

Sélectionner une cellule

Pour sélectionner une cellule vide, il suffit de :
  1. Survoler la cellule avec la souris.
  2. Cliquer dans la cellule lorsque le curseur de souris se transforme en flèche noir en diagonale. La cellule est alors sélectionnée : des hachures apparaissent dans la cellule.
Dans ce cas, l'option "Description" du menu contextuel du tableau permettra d'accéder à la description de la cellule.
Pour sélectionner une cellule associée à un champ, il suffit de sélectionner le champ.
Dans ce cas, l'option "Description" du menu contextuel du tableau, permettra d'accéder à la description du champ.
Pour obtenir la description de la cellule, il suffit de sélectionner l'option "Tableau HTML .. Description" du menu contextuel.

Sélectionner une colonne ou une ligne

Pour sélectionner une colonne ou une ligne, il suffit de :
  1. Positionner la souris à l'extrémité de la colonne ou de la ligne.
  2. Cliquer lorsque le curseur de souris se transforme en flèche noire verticale (pour une colonne) ou horizontale (pour une ligne). La ligne ou la colonne est alors sélectionnée : des hachures apparaissent.
Il est alors possible grâce au menu contextuel de :
  • fractionner verticalement ou horizontalement l'élément sélectionné
  • fusionner les différentes parties de l'élément sélectionné.

Supprimer un tableau HTML

Pour supprimer un tableau HTML, il suffit de sélectionner l'option "Tableau HTML .. Supprimer le tableau" du menu contextuel.
Modifier la taille d'un tableau HTML

Modifier le nombre de cellules du tableau

Pour modifier le nombre de cellules d'un tableau HTML, il est possible :
  • d'ajouter des lignes ou des colonnes une par une grâce au menu contextuel (option "Tableau HTML .. Insérer une ligne" ou "Tableau HTML .. Insérer une colonne")
  • d'ajouter plusieurs lignes ou colonnes grâce au menu contextuel (option "Tableau HTML .. Agrandir le tableau")

Modifier la taille du tableau

La taille du tableau peut être modifiée de deux façons différentes :
  • En agrandissant ou en réduisant proportionnellement toutes les lignes / colonnes du tableau : il suffit de réduire ou agrandir le tableau en utilisant la poignée du milieu de la dernière ligne ou colonne du tableau.
  • en agrandissant ou en réduisant uniquement la dernière ligne / colonne du tableau : il suffit de réduire ou d'agrandir le tableau en cliquant sur le bord de la dernière ligne ou colonne du tableau.
Editer le style d'un tableau HTML
Il est possible d'éditer séparément les caractéristiques du bord et du fond du tableau HTML et celles de chacune des cellules du tableau HTML. Les propriétés de style du bord et de style du fond sont les mêmes que pour les autres champs. Pour plus de détails, consultez Cadres avancés.
Versions 15 et supérieures
Le style de chaque élément du tableau HTML peut également être modifié. Pour cela :
  1. Affichez la fenêtre de description du tableau HTML.
  2. Dans l'onglet "Style", sélectionnez l'élément à personnaliser dans la combo "Elément".
  3. Les propriétés configurables pour l'élément sélectionné sont affichées.
Remarque : L'onglet "Style" permet également de lancer un assistant pour créer un style automatique pour le tableau HTML. Il suffit de cliquer sur le lien "Lancer l'assistant de création de style".
Nouveauté 15
Le style de chaque élément du tableau HTML peut également être modifié. Pour cela :
  1. Affichez la fenêtre de description du tableau HTML.
  2. Dans l'onglet "Style", sélectionnez l'élément à personnaliser dans la combo "Elément".
  3. Les propriétés configurables pour l'élément sélectionné sont affichées.
Remarque : L'onglet "Style" permet également de lancer un assistant pour créer un style automatique pour le tableau HTML. Il suffit de cliquer sur le lien "Lancer l'assistant de création de style".
Le style de chaque élément du tableau HTML peut également être modifié. Pour cela :
  1. Affichez la fenêtre de description du tableau HTML.
  2. Dans l'onglet "Style", sélectionnez l'élément à personnaliser dans la combo "Elément".
  3. Les propriétés configurables pour l'élément sélectionné sont affichées.
Remarque : L'onglet "Style" permet également de lancer un assistant pour créer un style automatique pour le tableau HTML. Il suffit de cliquer sur le lien "Lancer l'assistant de création de style".
Voir Aussi
Version minimum requise
  • Version 9
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire