如何根据行数据状态动态修改DataGrid列/单元格宽度？

嘿，这个需求我之前做过类似的，核心是要让每行根据自身的HasError状态独立调整单元格的显示，同时兼容用户自定义列顺序的场景，给你梳理下具体的实现步骤：

因为是编程创建列，我们要给每个需要隐藏的列单独设置CellStyle，通过DataTrigger绑定到当前行的HasError属性，实现仅该行的对应单元格隐藏：

// 示例：创建要隐藏的ColumnA
var columnACellStyle = new Style(typeof(DataGridCell));
// 添加触发器：当HasError为true时，单元格隐藏
columnACellStyle.Triggers.Add(new DataTrigger
{
    Binding = new Binding("HasError"),
    Value = true,
    Setters = { new Setter(VisibilityProperty, Visibility.Collapsed) }
});

var columnA = new DataGridTextColumn
{
    Header = "Column A",
    Binding = new Binding("ColumnAValue"),
    CellStyle = columnACellStyle
};
// 将列添加到DataGrid的Columns集合
yourDataGrid.Columns.Add(columnA);

这种方式不会影响其他行的列显示，完全是行级独立控制。

接下来处理Status列的宽度扩展，同样通过CellStyle的DataTrigger来切换不同状态下的宽度：

方式一：固定扩展宽度 #

如果不需要精确计算被隐藏列的总宽度，可以直接设置一个固定的宽值：

var statusCellStyle = new Style(typeof(DataGridCell));
// 正常状态下的默认宽度
statusCellStyle.Setters.Add(new Setter(WidthProperty, 100.0));
// 错误状态下的扩展宽度
statusCellStyle.Triggers.Add(new DataTrigger
{
    Binding = new Binding("HasError"),
    Value = true,
    Setters = { new Setter(WidthProperty, 350.0) } // 按需调整
});

var statusColumn = new DataGridTextColumn
{
    Header = "Status",
    Binding = new Binding("StatusText"),
    CellStyle = statusCellStyle
};
yourDataGrid.Columns.Add(statusColumn);

方式二：精确计算扩展宽度（推荐） #

如果要让Status列刚好填满被隐藏列的空间，可以在MediaRow类中添加一个计算属性，动态计算需要扩展的宽度：

// 在MediaRow类中（需实现INotifyPropertyChanged）
public double ErrorStateStatusWidth
{
    get
    {
        const double defaultStatusWidth = 100;
        if (!HasError) return defaultStatusWidth;
        // 累加所有需要隐藏列的默认宽度
        return defaultStatusWidth + 150 + 100; // 假设ColumnA宽150，ColumnB宽100
    }
}

然后把Status列的单元格宽度绑定到这个计算属性：

statusCellStyle.Setters.Add(new Setter(WidthProperty, new Binding("ErrorStateStatusWidth")));

记得MediaRow要实现INotifyPropertyChanged，当HasError变化时，触发ErrorStateStatusWidth的属性变更通知。

不用担心用户拖拽调整列顺序的问题——因为我们的样式是绑定到行数据本身的HasError属性，和列的位置无关。不管用户把列拖到哪个位置，每行的单元格都会根据自身数据状态自动调整显示，完全不冲突。

• 确保MediaRow的HasError属性实现了INotifyPropertyChanged，这样当状态变化时，UI能实时更新样式。
• 如果你的DataGrid开启了虚拟化（VirtualizingStackPanel.IsVirtualizing="True"），也要确保行数据的属性变更通知能正确触发，避免虚拟化导致的样式不更新问题。

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