[Débutant] Afficher un tableau dynamique avec des rowpsan en C#

1 pièce(s) jointe(s)

Afficher un tableau dynamique avec des rowpsan en C#

Bonjour
SVP , comment peut-on afficher un contrôle table dans C# qui puise des informations à partir d'une table SQL mais qui doit avoir des rowspan au milieu , je m'explique , je veux afficher la liste des employés par direction et départements en utilisant un contrôle table , je parcours ma table sql et à chaque fois que je rencontre une autre direction ou plusieurs départements je les affiche en rowspan .
voici en image un aperçu de ce ce que j'insinue

Merci de m'orienter Pièce jointe 488466

Pour afficher un tableau (avec WPF) vous pouvez utilisez un DataGrid:
https://www.wpftutorial.net/DataGrid.html
https://www.codeproject.com/Articles...yle-and-Templa

Il faut faire une customization de layout (c'est un peu difficile) mais c'est possible.

bonjour

Si tu es techno Wpf ,c'est "gratis" avec un ListView et un CollectionViewSource lié à un List<T>...
En bonus tu as egalelent un Expander sur chaque "groupe" (ta prop Departement)

code exemple:
1/code beho,d.cs du class data

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
namespace WpfGrouping
{
    public class Item
    {
        private int id;
	    public int ID
	    {
		    get { return id;}
		    set { id = value;}
	    }
 
        private string nom;
        public string Nom
	    {
		    get { return nom;}
		    set { nom = value;}
	    }
        private double prix;
	    public double Prix
	    {
		    get { return prix;}
		    set { prix = value;}
	    }
 
        private string auteur;
        public string Auteur
	    {
		    get { return auteur;}
		    set { auteur = value;}
	    }
        private string catalogue;
        public string Catalogue
        {
            get { return catalogue; }
            set { catalogue = value; }
        }
 
 
    }
    public class Books : List<Item>
    {
        private Random r = new Random();
        public Books()
        {
            this.Add(
                new Item() { ID = 1245,  Nom = "Livre 1", Prix = r.NextDouble()*100, Auteur = "Auteur A",Catalogue="Affaires"});
            this.Add(
                new Item() { ID = 13590, Nom = "Livre 2", Prix = r.NextDouble() * 100, Auteur = "Auteur B", Catalogue = "Language" });
            this.Add(
                new Item() { ID = 24678, Nom = "Livre 3", Prix = r.NextDouble() * 100, Auteur = "Auteur C", Catalogue = "Language" });
            this.Add(
                new Item() { ID = 65432, Nom = "Livre 4", Prix = r.NextDouble() * 100, Auteur = "Auteur D", Catalogue = "Affaires" });
            this.Add(
                new Item() { ID = 11233, Nom = "Livre 5", Prix = r.NextDouble() * 100, Auteur = "Auteur E", Catalogue = "Sante" });
            this.Add(
                new Item() { ID = 94837, Nom = "Livre 6", Prix = r.NextDouble() * 100, Auteur = "Auteur F", Catalogue = "Language" });
        }
    }
 
}

2/code xaml du form user :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<Window x:Class="WpfGrouping.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfGrouping" 
        Title="Books" Height="350" Width="525">
    <Window.Resources>
        <local:Books x:Key="data"></local:Books>
        <CollectionViewSource x:Key="src" 
                          Source="{Binding Source={StaticResource data}, 
                                   Path=Item}">
            <CollectionViewSource.GroupDescriptions>
                <PropertyGroupDescription PropertyName="Catalogue" />
            </CollectionViewSource.GroupDescriptions>
        </CollectionViewSource>
    </Window.Resources>
 
    <Grid>
        <ListView 
            ItemsSource='{Binding Source={StaticResource src}}' 
            >
            <ListView.GroupStyle>
                <GroupStyle>
                    <GroupStyle.ContainerStyle>
                        <Style TargetType="{x:Type GroupItem}">
                            <Setter Property="Margin" Value="0,0,0,5"/>
                            <Setter Property="Template">
                                <Setter.Value>
                                    <ControlTemplate TargetType="{x:Type GroupItem}">
                                        <Expander 
                                            IsExpanded="True" BorderThickness="0,0,0,1">
                                            <Expander.Header>
                                                <!--attention FILKLORE(folklore),attention FILKLORE la prop Name ci-dessous
                                                n'as rien à voir le class data
                                                Il s'agit d'un nom interne de l'API
                                                -->
                                                <DockPanel>
                                                    <TextBlock 
                                                        FontWeight="Bold"
                                                        Text="{Binding Path=Name}" 
                                                        Margin="5" Width="100"/>
                                                    <TextBlock
                                                        FontWeight="Bold" 
                                                        Text="{Binding Path=ItemCount}"/>
                                                </DockPanel>
                                            </Expander.Header>
                                            <Expander.Content>
                                                <ItemsPresenter />
                                            </Expander.Content>
                                        </Expander>
                                    </ControlTemplate>
                                </Setter.Value>
                            </Setter>
                        </Style>
                    </GroupStyle.ContainerStyle>
                </GroupStyle>
            </ListView.GroupStyle>
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="ID" 
                        DisplayMemberBinding="{Binding Path=ID}" 
                        Width="100" />
                    <GridViewColumn Header="Nom" 
                        DisplayMemberBinding="{Binding Path=Nom}" 
                        Width="140" />
                    <GridViewColumn Header="Prix" 
                        DisplayMemberBinding="{Binding Path=Prix}"
                        Width="80" />
                    <GridViewColumn Header="Auteur" 
                        DisplayMemberBinding="{Binding Path=Auteur}" 
                        Width="80" />
                </GridView>
            </ListView.View>
        </ListView>
    </Grid>
</Window>

aucun code behind pour le form...
bon code...