如何让运行时添加的TableLayoutPanel列均匀自动调整大小？

这个问题我之前也碰到过——直接增加ColumnCount时，新列的默认尺寸规则不是按比例分配的，所以才会出现列宽参差不齐的情况。要实现所有列均匀自动调整，核心是让每一列都按百分比来分配容器的宽度，具体做法如下：

关键修改思路 #

当你添加新列后，需要统一设置所有列的ColumnStyle为SizeType.Percent，并且让每列的宽度占比完全相等（总占比为100%），这样就能保证所有列自动平分容器宽度。

修改后的完整代码 #

// 先增加一列
tableLayoutPanel.ColumnCount += 1;

// 计算每列应占的百分比（100%平分给当前所有列）
float equalWidthPercent = 100f / tableLayoutPanel.ColumnCount;

// 遍历所有列，更新它们的尺寸规则
for (int colIndex = 0; colIndex < tableLayoutPanel.ColumnCount; colIndex++)
{
    tableLayoutPanel.ColumnStyles[colIndex] = new ColumnStyle(SizeType.Percent, equalWidthPercent);
}

// 继续添加按钮控件
for (var rowIndex = 0; rowIndex < tableLayoutPanel.RowCount; rowIndex++)
{ 
    var button = new Button 
    { 
        Margin = Padding.Empty, 
        Padding = Padding.Empty, 
        Dock = DockStyle.Fill 
    }; 
    tableLayoutPanel.Controls.Add(button); 
}

额外注意事项 #

1. 初始列的适配：如果你的初始1列也需要保持自适应效果，建议在窗体初始化阶段就给它设置百分比样式：

   tableLayoutPanel.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, 100f));
   

2. 容器空间保障：确保TableLayoutPanel的Dock属性设置为Fill（或者它的父容器有足够的宽度空间），这样百分比宽度的设置才能正常生效。

这样不管后续添加多少列，所有列都会自动平分容器的宽度，完美实现均匀自适应的按钮网格效果~

内容的提问来源于stack exchange，提问作者James Allman