WPF Grid + DataGrid多表头 动态列实现

4 篇文章 0 订阅

使用了Grid + DataGrid 显示

Grid部分(表头部分)用了GridSplitter作为列的区分,可以调节列宽,(未实现自动排序)

DataGrid部分,隐藏DataGrid的Header部分

界面部分:

<Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="63"></RowDefinition>
                    <RowDefinition Height ="*"></RowDefinition>
                </Grid.RowDefinitions>
                <Grid Grid.Row="0"  x:Name ="GridHs" ShowGridLines="False" Height ="63" VerticalAlignment ="Top">
                   </Grid>
                <DataGrid Grid.Row="1"  x:Name ="DataGridHs"  HeadersVisibility="None"  ItemsSource="{Binding}" DisplayMemberPath="Data"  Height ="400" CanUserAddRows =" False"  VerticalAlignment="Top"  AutoGenerateColumns="False" ></DataGrid>
            </Grid>
            
        </Grid>

主要作用是确定名称和一些基本设置,当然后台也可以。

 

动态列实现是由ObservableCollection<ObservableCollection<string>>模拟,用于数据更新时的局部刷新。

3行4列,表头每列的显示有边框可以去掉,只用GridSplitter作为分割线即可。即在创建表头时需要自己算一下GridSplitter的行列关系。

风格不会调。。。。。

 

后台代码:

public MainWindow()
        {
            InitializeComponent();
	   BuildDG2();
            BuildDG21();
        }
public ObservableCollection<ObservableCollection<string>> datas2 = new ObservableCollection<ObservableCollection<string>>();

        void BuildDG2()
        {
            for (int i = 0; i < 4; i++)
            {
                ColumnDefinition column1 = new ColumnDefinition();
                column1.Width = GridLength.Auto;
                this.GridHs.ColumnDefinitions.Add(column1);

                ColumnDefinition column = new ColumnDefinition();
                column.Width = new GridLength(1);
                this.GridHs.ColumnDefinitions.Add(column);
            }

            for (int i = 0; i < 3; i++)
            {
                this.GridHs.RowDefinitions.Add(new RowDefinition());
                RowDefinition column = new RowDefinition();
                column.Height = new GridLength(1);
                this.GridHs.RowDefinitions.Add(column);
            }

            for (int i = 0; i < 3; i++)
            {
                for (int j = 0; j < 4; j++)
                {
                    if (i == 0 && j == 2)
                    {
                        continue;
                    }
                    UniformGrid gridTitle = new UniformGrid();

                    Border b = new Border();
                    b.VerticalAlignment = VerticalAlignment.Stretch;
                    b.HorizontalAlignment = HorizontalAlignment.Stretch;
                    b.Name = "Grid" + i + j;

                    Pen p = new Pen();
                    
                    b.BorderBrush = new SolidColorBrush(Colors.Green);
                    b.BorderThickness = new System.Windows.Thickness(2);
                   
                    

                    TextBlock tbxTitleChinese = new TextBlock();

                    b.Child = tbxTitleChinese;

                    tbxTitleChinese.Text = "语文" + i + j;
                    tbxTitleChinese.Width = 60;
                    tbxTitleChinese.Height = 20;

                    gridTitle.Children.Add(b);

                    gridTitle.SetValue(Grid.RowProperty, i*2);
                    gridTitle.SetValue(Grid.ColumnProperty, j*2);
                    this.GridHs.Children.Add(gridTitle);

                    if (i == 0 && j == 1)
                    {
                        Grid.SetColumnSpan(gridTitle,3);
                        b.Width = 100;
                    }

                    if (i==2)
                    {
                        Binding bd = new Binding();
                        bd.Path = new System.Windows.PropertyPath("Width");
                        bd.ElementName = @"行" + i;
                        BindingOperations.SetBinding(gridTitle, WidthProperty, bd);
                    }
                }
            }

            for (int i = 0; i < 4; i++)
            {
                GridSplitter gSp = new GridSplitter();
                gSp.Background = new SolidColorBrush(Colors.Green);
                gSp.HorizontalAlignment = HorizontalAlignment.Stretch;
                gSp.Width = 1;

                if (i == 1)
                {
                    gSp.SetValue(Grid.RowProperty, 1);
                }
                else
                {
                    gSp.SetValue(Grid.RowProperty, 0);
                }
                gSp.SetValue(Grid.ColumnProperty, i * 2 + 1);
                this.GridHs.Children.Add(gSp);
                Grid.SetRowSpan(gSp, 6);
            }
                    
        }
        void BuildDG21()
        {
            for (int i = 0; i < 10; i++)
            {
                ObservableCollection<string> columnsList = new ObservableCollection<string>();
                for (int j = 0; j < 4; j++)
                {
                    columnsList.Add((i + j + 3).ToString());
                }
                datas2.Add(columnsList);
            }

            for (int i = 0; i < 4; i++)
            {
                DataGridTextColumn dgColumn = new DataGridTextColumn();
                dgColumn.Header = @"行" + i;
                dgColumn.SetValue(NameProperty, @"行" + i);
                this.DataGridHs.Columns.Add(dgColumn);

                MultiBinding mbd = new MultiBinding();
                Binding bd1 = new Binding("[" + i + "]");


                Binding bd2 = new Binding();
                bd2.Path = new System.Windows.PropertyPath("ActualWidth");
                bd2.Source = LogicalTreeHelper.FindLogicalNode(this.GridHs,"Grid2" + i);           
               
                dgColumn.Binding = bd1;
                BindingOperations.SetBinding(dgColumn, DataGridTextColumn.WidthProperty, bd2);               
            }

            this.DataGridHs.DataContext = datas2; 
        }




 

      

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF DataGrid 支持多层表头,可以使用 DataGrid 的 ColumnHeaderStyle 属性来自定义表头样式。 首先,你需要定义表头的层次结构。可以使用 DataGrid 的 ColumnGroups 属性来定义多层表头。例如,下面的代码定义了两个层次的表头: ``` <DataGrid.ColumnHeaderStyle> <Style TargetType="{x:Type DataGridColumnHeader}"> <Setter Property="ContentTemplate"> <Setter.Value> <DataTemplate> <TextBlock Text="{Binding}"/> </DataTemplate> </Setter.Value> </Setter> </Style> </DataGrid.ColumnHeaderStyle> <DataGrid.ColumnGroups> <DataGridGroupHeader x:Name="GroupHeader1" Header="Group 1" FontWeight="Bold"/> <DataGridGroupHeader x:Name="GroupHeader2" Header="Group 2" FontWeight="Bold" ParentGroupHeader="{Binding ElementName=GroupHeader1}"/> </DataGrid.ColumnGroups> ``` 在这个例子中,第一表头为 "Group 1",第二表头为 "Group 2",它们都是加粗的。第二表头是第一的子表头,所以它们之间有一个缩进。 然后,你需要为每个表头单元格定义样式。可以使用 DataGrid 的 ColumnHeaderStyle 属性来定义默认样式,也可以为每个表头单元格定义不同的样式。例如,下面的代码定义了一个简单的表头样式: ``` <Style x:Key="HeaderCellStyle" TargetType="{x:Type DataGridColumnHeader}"> <Setter Property="Background" Value="#CCCCCC"/> <Setter Property="Foreground" Value="Black"/> <Setter Property="HorizontalContentAlignment" Value="Center"/> <Setter Property="VerticalContentAlignment" Value="Center"/> <Setter Property="BorderBrush" Value="#888888"/> <Setter Property="BorderThickness" Value="1"/> <Setter Property="Padding" Value="4"/> </Style> ``` 最后,将表头样式应用到 DataGrid 的每个上。例如,下面的代码定义了两个,并将表头样式应用到它们的表头单元格: ``` <DataGrid.Columns> <DataGridTextColumn Header="Column 1" Binding="{Binding Property1}" HeaderStyle="{StaticResource HeaderCellStyle}"/> <DataGridTextColumn Header="Column 2" Binding="{Binding Property2}" HeaderStyle="{StaticResource HeaderCellStyle}"/> </DataGrid.Columns> ``` 这样,你就可以创建一个具有多层表头WPF DataGrid 了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值