WPF中WrapPanel内将多个DataTable绑定到固定布局DataGrid的方案咨询

这个需求完全可以实现，你可以通过WPF的资源样式定义统一的DataGrid布局，最小改动兼容你现有代码逻辑，也可以改用MVVM绑定模式进一步提升可维护性和运行效率。

方案1：最小改动适配现有代码 #

步骤1：在XAML中定义全局DataGrid样式 #

你可以在页面资源或应用全局资源中定义带x:Key的DataGrid样式，所有固定布局规则、列结构都可以提前写在样式里：

<Window.Resources>
    <!-- 统一的DataGrid样式 -->
    <Style x:Key="UniformDataGridStyle" TargetType="DataGrid">
        <!-- 固定布局属性 -->
        <Setter Property="Width" Value="400"/>
        <Setter Property="Height" Value="300"/>
        <Setter Property="Margin" Value="10"/>
        <Setter Property="AutoGenerateColumns" Value="False"/>
        <Setter Property="IsReadOnly" Value="True"/>
        <Setter Property="EnableRowVirtualization" Value="True"/>
        <Setter Property="EnableColumnVirtualization" Value="True"/>
        <!-- 固定列结构，和你的DataTable列对应 -->
        <Setter Property="Columns">
            <Setter.Value>
                <DataGridColumnCollection>
                    <DataGridTextColumn Header="列名1" Binding="{Binding 字段1}" Width="100"/>
                    <DataGridTextColumn Header="列名2" Binding="{Binding 字段2}" Width="100"/>
                    <!-- 其余固定列按需添加 -->
                </DataGridColumnCollection>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

<WrapPanel Name="WPnl"/>

步骤2：后台代码应用样式 #

仅需在原有实例化逻辑中加一行应用样式的代码即可：

void addTable(DataTable Table)
{
    DataGrid dataGrid = new DataGrid();
    // 应用预定义的统一样式
    dataGrid.Style = (Style)FindResource("UniformDataGridStyle");
    dataGrid.ItemsSource = Table.DefaultView;
    WPnl.Children.Add(dataGrid);
}

方案2：MVVM绑定模式（更优，适配动态增减场景） #

如果希望完全不用后台操作UI元素，适配DataTable数量动态变化的场景，可以改用ItemsControl绑定DataTable集合，自动生成对应的DataGrid：

XAML代码 #

<ItemsControl ItemsSource="{Binding DataTableCollection}">
    <!-- 指定Items的容器为WrapPanel -->
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <!-- 定义每个DataTable对应的DataGrid模板 -->
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <DataGrid Style="{StaticResource UniformDataGridStyle}"
                      ItemsSource="{Binding DefaultView}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

后台逻辑 #

只需要维护一个ObservableCollection<DataTable>类型的DataTableCollection属性，添加/删除DataTable时UI会自动同步，无需手动操作WrapPanel的Children集合，代码更简洁，性能更稳定。

运行效率优化建议 #

• 固定列结构的场景务必关闭AutoGenerateColumns，避免每次绑定DataTable时重复生成列的性能开销
• 单表行数较多时，开启EnableRowVirtualization和EnableColumnVirtualization属性，DataGrid只会渲染可视区域内的行，大幅降低内存占用和渲染耗时
• 批量添加多个DataTable时，可以先将WrapPanel的Visibility设为Collapsed，批量操作完成后再恢复为Visible，避免频繁触发UI重绘
• 如果DataTable的数量超过50个，建议使用虚拟化的WrapPanel，仅渲染可视区域内的DataGrid，大幅提升大数量场景下的流畅度

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