wpf datagrid 设置列单元格显示两行内容，内容超出单元格长度后已省略号显示

最新推荐文章于 2023-08-14 17:28:48 发布

原创最新推荐文章于 2023-08-14 17:28:48 发布 · 2.8k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#wpf

收录于

wpf 专栏收录该内容

8 篇文章

订阅专栏

这篇博客介绍了如何在前端代码中配置DataGrid的行样式，包括背景色、高度和前景色，并展示了如何设置DataGrid列的模板，特别是针对编辑时间列，实现了内容超出时显示省略号的效果，确保了界面的整洁和易读。

 <DataGrid.RowStyle>
      <Style TargetType="DataGridRow">
            <Setter Property="Background" Value="gray" />
            <Setter Property="Height" Value="40"/>
            <Setter Property="Foreground" Value="White" />
      </Style>
</DataGrid.RowStyle> 
<DataGrid.Columns>
      <DataGridTemplateColumn Header="编辑时间"  Width="60">
           <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <!--设置当单元格内容超过最大长度时，显示...-->
                      <TextBlock Text="{Binding EditTime}" TextWrapping="Wrap"  Height="auto" TextTrimming="CharacterEllipsis"/>
                 </DataTemplate>
           </DataGridTemplateColumn.CellTemplate>
      </DataGridTemplateColumn>
 </DataGrid.Columns>

直接在前台代码中根据字体大小设置合适的行高，这里的字体为14，行高设置为40，然后修改datagrid.columns即可。