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

本文介绍了一种使用 WPF 中的 Grid 和 DataGrid 控件来显示数据的方法,重点在于如何通过 GridSplitter 实现列宽调整,并隐藏 DataGrid 的头部。此外,还介绍了如何通过 ObservableCollection 进行动态列的实现及数据的局部刷新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用了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; 
        }




 

      

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值