WPF – Comment créer des colonnes dans un ListView

Comme vous devez le savoir, en WPF il n’est pas possible (nativement) de passer en mode “détails” dans un ListView. Nous allons donc voir aujourd’hui comment faire.

Je commence par créer un ListView, je lui donne un nom (propriété Name) et au chargement de la fenêtre je vais charger des données (lstData.Items.Add(…)).

Ensuite je vais spécifier la propriété View de mon ListView avec un GridView à deux colonnes (pour l’exemple) et je vais lier ces colonnes aux propriétés des objets que je vais insérer dans mon ListView :

<ListView Name="lstData">

    <ListView.View>

        <GridView>

            <GridViewColumn Header="Colonne A" DisplayMemberBinding="{Binding ValueA}"/>

            <GridViewColumn Header="Colonne B" DisplayMemberBinding="{Binding ValueB}"/>

        </GridView>

    </ListView.View>

</ListView>

Et voilà le résultat :

Remarque : Les colonnes sont redimensionnables et dimensionnées à la taille du contenu visible. En effet, les éléments présents dans la liste mais non affichés ne seront pas pris en compte pour la largeur des colonnes.

Télécharger la solution Visual Studio : DemoListView.zip (41,48 kb)