DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Champs, fenêtres et pages / Page / Tableau HTML
  • 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
  • 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/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
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 :
  • sous le volet "Création", dans le groupe "Conteneurs", cliquez sur "Tableau HTML". 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", cliquez sur "Tableau HTML" 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 manipuler le tableau et ses cellules grâce au menu contextuel.
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. Cliquer sur le champ Tableau HTML : le champ est sélectionné.
  2. Cliquer à nouveau sur le champ Tableau HTML : le champ passe en édition et un cadre jaune apparaît autour du champ.
  3. Cliquer dans la cellule voulue. La cellule est alors sélectionnée : des hachures apparaissent dans la cellule.
Dans ce cas, l'option "Description" du menu contextuel 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 permettra d'accéder à la description du champ.
Pour obtenir la description de la cellule, il suffit de sélectionner l'option "Description de la cellule" dans le menu contextuel.

Sélectionner une colonne ou une ligne

Pour sélectionner une colonne ou une ligne, il suffit de :
  1. Cliquer sur le champ Tableau HTML : le champ est sélectionné.
  2. Cliquer à nouveau sur le champ Tableau HTML : le champ passe en édition et un cadre jaune apparaît autour du champ.
  3. Sélectionner la ligne ou la colonne voulue. 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é.
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 "Insérer une ligne" ou "Insérer une colonne")
  • d'ajouter plusieurs lignes ou colonnes grâce au menu contextuel (option "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 les poignes du champ.
  • 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 édition (avec le cadre jaune affiché) 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 (onglet "Bord, Fond" de la fenêtre de description).
Il est également possible de choisir un style WEBDEV via le menu contextuel.
Voir Aussi
Version minimum requise
  • Version 9
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 03/07/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale