父Panel设置为DockStyle.Fill时DataGridView列头被隐藏如何解决

核心问题原因 #

当前代码的问题根源是AutoSize属性与Dock/Anchor布局逻辑冲突：AutoSize会强制控件优先按内部内容大小调整尺寸，覆盖Dock.Fill的填充逻辑，最终导致DataGridView被异常压缩，列头被挤出可视区域。

分步修改方案 #

1. 调整TopPanel布局逻辑 #

关闭AutoSize，改用Dock控制填充，同时对子控件采用Dock布局，实现SidePanel显示/隐藏时的自动适配：

public TopPanel()
{
    this.dgvAccounts = new DgvAccounts();
    this.sidePanel = new SidePanel();
    this.SuspendLayout();
    
    // 核心修改：关闭AutoSize，改用Dock控制填充逻辑
    this.AutoSize = false;
    // 填充窗体上半部分可设Dock为Top，初始高度设为父容器高度的一半
    this.Dock = DockStyle.Top;
    this.Height = this.Parent != null ? this.Parent.Height / 2 : 300;
    // 无滚动需求可删除AutoScroll配置
    this.AutoScroll = true;
    
    // 子控件布局：侧边面板停靠左侧，DataGridView填充剩余空间
    this.sidePanel.Dock = DockStyle.Left;
    this.dgvAccounts.Dock = DockStyle.Fill;
    
    this.Controls.Add(this.dgvAccounts);
    this.Controls.Add(this.sidePanel);
    // 确保Fill布局的控件占侧边栏外的剩余空间
    this.dgvAccounts.BringToFront();
    
    this.Location = new Point(0, 24);
    this.Name = "TopPanel";
    this.TabIndex = 21;
    this.ResumeLayout(false);
    this.PerformLayout();
}

2. 调整DgvAccounts布局逻辑 #

关闭DataGridView的AutoSize，删除冗余的Anchor和Location设置，改为填充父容器剩余空间：

public DgvAccounts()
{
    DataGridViewCellStyle dgvcSyle = new DataGridViewCellStyle();
    dgvcSyle.Alignment = DataGridViewContentAlignment.MiddleCenter;
    dgvcSyle.BackColor = SystemColors.Control;
    dgvcSyle.Font = new Font("Segoe UI", 8.25f, FontStyle.Regular, GraphicsUnit.Point, (byte)0);
    dgvcSyle.ForeColor = SystemColors.WindowText;
    dgvcSyle.SelectionBackColor = SystemColors.Highlight;
    dgvcSyle.SelectionForeColor = SystemColors.HighlightText;
    dgvcSyle.WrapMode = DataGridViewTriState.True;
    DataGridViewCellStyle dgvcSyleMid = new DataGridViewCellStyle();
    dgvcSyleMid.Alignment = DataGridViewContentAlignment.MiddleCenter;
    ((ISupportInitialize)this).BeginInit();
    this.AllowUserToAddRows = false;
    this.AllowUserToDeleteRows = false;
    this.AllowUserToOrderColumns = true;
    
    // 核心修改：关闭AutoSize，删除原Anchor配置，改用Dock填充
    this.AutoSize = false;
    
    this.ColumnHeadersDefaultCellStyle = dgvcSyle;
    this.ColumnHeadersHeightSizeMode = DataGridViewColumnHeadersHeightSizeMode.AutoSize;
    this.ColumnHeadersVisible = true;
    this.Columns.AddRange((DataGridViewColumn)this.colCheckBox, (DataGridViewColumn)this.Account,...);
    this.Name = "dgvAccounts";
    this.SelectionMode = DataGridViewSelectionMode.FullRowSelect;
    this.TabIndex = 1;
    this.AllowUserToResizeRows = false;
    this.RowHeadersVisible = false;
    ((ISupportInitialize)this).EndInit();
    this.colCheckBox.DataPropertyName = "colCheckBox";
    this.colCheckBox.HeaderText = "Select";
    this.colCheckBox.Name = "colCheckBox";
    this.colCheckBox.Resizable = DataGridViewTriState.False;
    this.colCheckBox.Width = 50;
    this.Account.DataPropertyName = "Account";
    this.Account.DefaultCellStyle = dgvcSyleMid;
    this.Account.HeaderText = "Account";
    this.Account.Name = "Account";
    this.Account.ReadOnly = true;
}

可选优化 #

如果需要让DataGridView的列自动撑满控件宽度，避免出现横向空白，可在DgvAccounts构造函数中添加：

this.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.Fill;

上半区域填充进阶方案 #

如果需要让TopPanel固定占窗体上半部分，还支持用户手动调整上下区域占比，可在窗体中添加SplitContainer控件，设置其Dock = DockStyle.Fill，将TopPanel放入SplitContainer的上侧面板并设置Dock = DockStyle.Fill即可。

内容的提问来源于stack exchange，提问作者Robert Kelley