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

本文介绍如何使用 WPF 中的 Grid 和 DataGrid 控件来构建一个自定义的表格界面,通过 GridSplitter 控件实现列宽调整,并详细展示了代码实现过程。

摘要生成于 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>

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、付费专栏及课程。

余额充值