Partager via


Format, boîte de dialogue Propriétés de DataGrid

Mise à jour : novembre 2007

L'onglet Format de la boîte de dialogue Propriétés de DataGrid vous permet de définir la police et la couleur du texte affiché dans la grille. Vous pouvez spécifier des options pour la grille dans son ensemble ou pour certaines de ses parties, telles que l'en-tête, le pied de page et les types d'éléments.

Remarque :

La version 2.0 d'ASP.NET est fournie avec un nouveau contrôle serveur, GridView, proposant davantage de fonctionnalités que le contrôle DataGrid. Pour plus d'informations, consultez Comparaison des contrôles serveur Web GridView et DataGrid.

Pour accéder à cette boîte de dialogue

  1. Dans Microsoft Visual Web Developer, ouvrez ou créez une page .aspx.

  2. En mode Source, ajoutez un contrôle DataGrid à la page dans l'élément <form>. Votre code peut se présenter de la manière suivante :

    <form id="form1" >
        <div>
        <asp:DataGrid ID="DataGrid1" ></asp:DataGrid>
        </div>
    </form>
    
  3. Basculez en mode Design.

  4. Cliquez avec le bouton droit sur le contrôle DataGrid, puis cliquez sur Afficher la balise active.

    La fenêtre Tâches DataGrid s'ouvre.

  5. Cliquez sur Générateur de propriétés.

    La boîte de dialogue Propriétés de DataGrid s'ouvre.

  6. Cliquez sur l'onglet Format.

Tâches

Éléments d'interface

Objets

L'arborescence des Objets affiche une liste d'éléments pour lesquels vous pouvez définir des options en sélectionnant des paramètres dans le volet Apparence.

  • DataGrid
    Définit les options de mise en forme du contrôle DataGrid. Les options que vous définissez pour d'autres éléments substituent celles qui s'appliquent à la liste dans son ensemble.

  • En-tête
    Définit la mise en forme du texte de l'en-tête -- par exemple, dans un élément HeaderStyle.

  • Pied de page
    Définit la mise en forme du texte du pied de page -- par exemple, dans un élément FooterStyle.

  • Pagineur
    Définit la mise en forme du texte dans une cellule de pagineur qui apparaît si vous activez la pagination dans l'onglet Pagination.

  • Éléments
    Se développe pour afficher les éléments enfants suivants. Sélectionnez l'un de ces éléments pour définir les options de police et de couleur qui lui sont propres.

    Élément

    Description

    Éléments normaux

    Définit la mise en forme du texte de toutes les lignes du contrôle DataGrid, à moins que des paramètres de mise en forme différents n'aient été définis pour les Éléments alternés.

    Éléments alternés

    Définit la mise en forme du texte dans les lignes alternées, en commençant par la deuxième ligne.

    Éléments sélectionnés

    Définit la mise en forme d'une ligne sélectionnée lorsque l'application s'exécute sur le client.

    Éléments du mode édition

    Définit la mise en forme d'une ligne en mode Édition sur le client.

  • Colonnes
    Définit les options de mise en forme pour toute colonne ajoutée au contrôle DataGrid à l'aide de l'onglet Colonnes.

Apparence

Le volet Apparence affiche une liste de paramètres que vous pouvez définir pour chacun des éléments répertoriés dans l'arborescence Objets.

  • Couleur antérieure
    Couleur du texte. Cliquez sur le bouton de sélection (Capture d'écran VisualStudioEllipsesButton) pour afficher la boîte de dialogue Sélecteur de couleurs.

    Remarque :

    Les choix de couleurs affichés sous les onglets de la boîte de dialogue Sélecteur de couleurs ne sont pas tous pris en charge par la totalité des navigateurs. Par exemple, certaines couleurs nommées au-delà des couleurs de base ne sont pas prises en charge dans les anciens navigateurs.

  • Couleur d'arrière-plan
    Couleur de l'arrière-plan du texte. Cliquez sur le bouton de sélection () pour afficher la boîte de dialogue Sélecteur de couleurs.

    Remarque :

    Les choix de couleurs affichés sous les onglets de la boîte de dialogue Sélecteur de couleurs ne sont pas tous pris en charge par la totalité des navigateurs. Par exemple, certaines couleurs nommées au-delà des couleurs de base ne sont pas prises en charge dans les anciens navigateurs.

  • Nom de police
    Nom de la police employée pour afficher le texte. La liste déroulante affiche les noms des polices disponibles sur l'ordinateur que vous utilisez. Dans cette liste, vous pouvez sélectionner un nom de police. Si vous souhaitez spécifier plusieurs noms de polices, tapez les autres noms dans la zone Police, en les séparant par des virgules. Ces noms supplémentaires peuvent représenter des polices qui ne sont pas disponibles sur votre système.

    Remarque :

    Il est préférable de choisir les noms des polices largement répandues chez les utilisateurs. Il est recommandé de spécifier plusieurs noms de polices, par ordre de préférence, afin de couvrir les possibilités des ordinateurs de vos utilisateurs. Par exemple, vous pouvez entrer "Verdana,Arial,Helvetica" pour spécifier plusieurs variantes de police sans-serif.

  • Taille de police
    Taille du texte, exprimée dans les unités que vous spécifiez, ou taille nommée, par exemple "petite". Sélectionnez une taille nommée ou sélectionnez Personnalisée, la taille, puis les unités. Pour plus d'informations sur les unités, consultez "CSS Length Units Reference" dans MSDN Library

    Remarque :

    Sélectionnez une unité de taille de police adaptée aux navigateurs cibles. Par exemple, les anciens navigateurs ne prennent pas en charge les tailles de police absolues exprimées en points ou en pixels. Même si le navigateur cible prend en charge les tailles absolues, il est préférable de choisir une taille relative, par exemple ems. Ceci permet à l'utilisateur de redimensionner le texte en fonction de ses préférences personnelles.

  • Gras, Italique, Souligné, Barré, Ligne au-dessus
    Options de mise en forme du texte. Les options fournies sous forme de cases à cocher sont prises en charge dans tous les navigateurs.

  • Alignement horizontal
    Positionnement horizontal du contenu d'un élément ou d'une colonne dans la grille (à gauche, à droite, centré ou justifié).

  • Alignement vertical
    Positionnement vertical du contenu d'un élément ou d'une colonne à l'intérieur d'une cellule (en haut, en bas ou au milieu). Cette option n'est pas disponible lorsque vous définissez des options pour la grille tout entière.

  • Renvoi à la ligne automatique dans les cellules
    Indique que le contenu d'une cellule doit passer automatiquement à la ligne suivante plutôt que d'être tronqué.

Voir aussi

Concepts

Comparaison des contrôles serveur Web GridView et DataGrid