Table in WPF

最新推荐文章于 2024-05-18 18:58:57 发布
最新推荐文章于 2024-05-18 18:58:57 发布
阅读量2.8k 收藏 1
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/smallnew198705/article/details/17852123
本文介绍了一种使用WPF实现类似HTML表格布局的方法，并详细展示了如何通过自定义样式来改变表格元素的外观，包括背景颜色、字体大小等属性。
<Window x:Class="DataGrid.Window4"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window4" Height="300" Width="980">
    <Window.Resources>
        <SolidColorBrush x:Key="ProductNameBackgroundBrush" Color="#87B7FF" />
        <SolidColorBrush x:Key="SubjectAreaBackgroundBrush" Color="#D99795" />
        <SolidColorBrush x:Key="ExceptionHeaderBackgroundBrush" Color="#E6B9B8" />
        <SolidColorBrush x:Key="ExceptionCellBackgroundBrush" Color="#F2DDDC" />
        <Style x:Key="ProductNameStyle" TargetType="{x:Type TableCell}">
            <Setter Property="Background" Value="{StaticResource ProductNameBackgroundBrush}" />
            <Setter Property="FontFamily" Value="Trebuchet MS" />
            <Setter Property="FontWeight" Value="Light" />
            <Setter Property="FontSize" Value="12" />
            <Setter Property="BorderBrush" Value="Black" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="Padding" Value="3,18" />
            <Setter Property="Cursor" Value="Arrow" />
            <Setter Property="TextAlignment" Value="Center" />
        </Style>
        <Style x:Key="ProductNameStyle2" TargetType="{x:Type TableCell}">
            <Setter Property="Background" Value="{StaticResource ProductNameBackgroundBrush}" />
            <Setter Property="FontFamily" Value="Trebuchet MS" />
            <Setter Property="FontWeight" Value="Light" />
            <Setter Property="FontSize" Value="12" />
            <Setter Property="BorderBrush" Value="Black" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="Cursor" Value="Arrow" />
            <Setter Property="Padding" Value="3,6" />
            <Setter Property="TextAlignment" Value="Center" />
        </Style>
        <Style x:Key="SubjectAreaStyle" TargetType="{x:Type TableCell}">
            <Setter Property="Background" Value="{StaticResource SubjectAreaBackgroundBrush}" />
            <Setter Property="FontFamily" Value="Trebuchet MS" />
            <Setter Property="FontWeight" Value="Bold" />
            <Setter Property="FontSize" Value="15" />
            <Setter Property="BorderBrush" Value="Black" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="Padding" Value="3,6,0,6" />
        </Style>
        <Style x:Key="ExceptionHeaderStyle" TargetType="{x:Type TableCell}">
            <Setter Property="Background" Value="{StaticResource ExceptionHeaderBackgroundBrush}" />
            <Setter Property="FontFamily" Value="Trebuchet MS" />
            <Setter Property="FontWeight" Value="Bold" />
            <Setter Property="FontSize" Value="15" />
            <Setter Property="BorderBrush" Value="Black" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="Padding" Value="3,6,0,6" />
        </Style>
        <Style x:Key="ExceptionCellStyle" TargetType="{x:Type TableCell}">
            <Setter Property="Background" Value="{StaticResource ExceptionCellBackgroundBrush}" />
            <Setter Property="FontFamily" Value="Trebuchet MS" />
            <Setter Property="FontWeight" Value="Normal" />
            <Setter Property="FontSize" Value="12" />
            <Setter Property="BorderBrush" Value="Black" />
            <Setter Property="BorderThickness" Value="1" />
            <Setter Property="Padding" Value="3,6,0,6" />
        </Style>
    </Window.Resources>
    <Grid SnapsToDevicePixels="True">
        <FlowDocumentScrollViewer SnapsToDevicePixels="True"  VerticalScrollBarVisibility="Disabled" Cursor="Arrow">
            <FlowDocument  ColumnWidth="40" FontSize="14" FontFamily="Georgia">
                <Table Background="Black"  CellSpacing="1" BorderThickness="1" BorderBrush="Black" >
                    <TableRowGroup>
                        <TableRow >
                            <TableCell ColumnSpan="1" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">
                            </TableCell>
                            <TableCell ColumnSpan="2" BorderThickness="0" Padding="0,18,0,0" Style="{StaticResource ProductNameStyle}">
                                <Paragraph>
                                    XX
                                </Paragraph>
                            </TableCell>
                            <TableCell ColumnSpan="4" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">
                                <Paragraph>
                                    XXX
                                </Paragraph>
                            </TableCell>
                            <TableCell ColumnSpan="4" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">
                                <Paragraph>
                                    XXXX
                                </Paragraph>
                            </TableCell>
                            <TableCell ColumnSpan="6" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">
                                <Paragraph>
                                    XXXXX
                                </Paragraph>
                            </TableCell>
                            <TableCell Padding="0" ColumnSpan="10" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">
                                <Table Margin="0" Background="Black"  CellSpacing="1" BorderThickness="0" BorderBrush="Red" >
                                    <TableRowGroup>
                                        <TableRow >
                                            <TableCell ColumnSpan="5"  BorderThickness="0"  Style="{StaticResource ProductNameStyle2}">
                                                <Paragraph> CCCCCCC</Paragraph>
                                            </TableCell>
                                        </TableRow>
                                        <TableRow >
                                            <TableCell  BorderThickness="0"  Style="{StaticResource ProductNameStyle2}">
                                                <Paragraph>ZZZZZZ</Paragraph>
                                            </TableCell>
                                            <TableCell  BorderThickness="0"  Style="{StaticResource ProductNameStyle2}">
                                                <Paragraph>XXX</Paragraph>
                                            </TableCell>
                                            <TableCell  BorderThickness="0"  Style="{StaticResource ProductNameStyle2}">
                                                <Paragraph>XXX</Paragraph>
                                            </TableCell>
                                            <TableCell  BorderThickness="0"  Style="{StaticResource ProductNameStyle2}">
                                                <Paragraph>XXX</Paragraph>
                                            </TableCell>
                                            <TableCell  BorderThickness="0"  Style="{StaticResource ProductNameStyle2}">
                                                <Paragraph>XXX</Paragraph>
                                            </TableCell>
                                        </TableRow>
                                    </TableRowGroup>
                                </Table>
                            </TableCell>
                            <TableCell ColumnSpan="5" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">
                                <Paragraph>
                                    XXXXXX
                                </Paragraph>
                            </TableCell>
                        </TableRow>
                        <TableRow >
                            <TableCell ColumnSpan="1" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">
                                <Paragraph>
                                    XXXXXXXX
                                </Paragraph>
                            </TableCell>
                            <TableCell ColumnSpan="2" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">


                            </TableCell>
                            <TableCell ColumnSpan="4" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">


                            </TableCell>
                            <TableCell ColumnSpan="4" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">


                            </TableCell>
                            <TableCell ColumnSpan="6" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">


                            </TableCell>
                            <TableCell ColumnSpan="2" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">


                            </TableCell>
                            <TableCell ColumnSpan="2" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">


                            </TableCell>
                            <TableCell ColumnSpan="2" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">


                            </TableCell>
                            <TableCell ColumnSpan="2" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">


                            </TableCell>
                            <TableCell ColumnSpan="2" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">


                            </TableCell>
                            <TableCell ColumnSpan="5" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">


                            </TableCell>
                        </TableRow>
                    </TableRowGroup>
                </Table>
            </FlowDocument>
        </FlowDocumentScrollViewer>
        <!--FlowDocumentScrollViewer VerticalScrollBarVisibility="Disabled">
            <FlowDocument>
                <Table CellSpacing="1" Background="Black" BorderThickness="1" BorderBrush="Black" >
                    <TableRowGroup>
                        <TableRow >
                            <TableCell ColumnSpan="3" BorderThickness="0"  Style="{StaticResource ProductNameStyle}">
                                <Table>
                                    
                                </Table>
                            </TableCell>
                        </TableRow>
                        <TableRow >
                            <TableCell BorderThickness="0"  Style="{StaticResource ExceptionCellStyle}" >
                                <Paragraph>Field 3</Paragraph>
                            </TableCell>
                            <TableCell BorderThickness="0"  Style="{StaticResource ExceptionCellStyle}">
                                <Paragraph>Missing Data</Paragraph>
                            </TableCell>
                            <TableCell BorderThickness="0"  Style="{StaticResource ExceptionCellStyle}">
                                <Paragraph>Enter information</Paragraph>
                            </TableCell>
                        </TableRow>
                    </TableRowGroup>
                </Table>
            </FlowDocument>
            
        </FlowDocumentScrollViewer-->
    </Grid>

</Window>



HTML Like table Creation in WPF 

http://weblogs.asp.net/kashyapa/archive/2010/01/11/html-like-table-creation-in-wpf.aspx

下载地址：点击打开链接


xiao助阵
关注
WPF表格数据绑定
weixin_44543121的博客
09-18 807
WPF表格数据绑定
WPF学习笔记-FlowDocument实现表格单元格垂直居中以及边框设置
向往的是：佛祖堂前的鱼，静静听禅。
04-01 1751
FlowDocument是WPF的高级文档功能（如分页和列）承载流内容和设置流内容格式。其中的块元素Table可以很方便的添加并展示表格，但是其无法实现自动换行，我尝试了网上搜索解决方案以及自己尝试修改。在网上搜索了不同的解决方案，包括手动计算高度，通过Margin属性来实现类似居中的问题，或者尝试在单元格中添加BlockUIContainerl来实现居中，但是实际由于TableCell自身没有居中，或者适应宽度，最终都以失败告终。最终我通过Grid实现了该功能，而且可以跨页自动换行。
WPF自定义表格控件
06-10
WPF自定义控件，动态添加、删除行，支持编辑，对外提供DataTable数据
WPF报表控件（表格和图表）
09-05
用WPF做的报表控件，小巧但实用。能够自定义表头，导出Excel表格和打印。
WPF DataGridTable
weixin_34236869的博客
01-18 403
由于项目要显示表头合并，而数据源列随时变更，又不想重复的画表格，就实现动态数据(dynamic)绑定和配置数据列模板的方式 编辑DataGridColumnHeader样式实现表头合并：效果如下 实现思路: 在表头中插入一个Grid，Grid列跟HeaderColmun列数相等，并关联HeaderColmun的SizeChanged事件，Colmun列大小发生变化时，合并的头模板也会跟着...
WPF中实现Table布局控件
u013319633的博客
03-25 2768
相信很多做WPF开发的小伙伴都遇到过表格类的需求，虽然现有的Grid控件也能实现，但是使用起来的体验感并不好，比如要实现一个Excel中的表格效果，估计你能想到的第一个方法就是套Border控件，用这种方法你需要控制每个Border的边框，并且在一堆Bordr中找到Grid.Row，Grid.Column来确定位置，明明很简单的一个功能，硬是耗费了大量时间。Grid的这种设计虽然功能很强大，但是同时也导致了操作繁琐可读性非常差的问题。
Pro WPF 4.5 in C# （Pro WPF系列第四版 英文书及其源代码）
02-17
Pro WPF 4.5 in C# provides a thorough, authoritative guide to how WPF really works. Packed with no-nonsense examples and practical advice you'll learn everything you need to know in order to use WPF ...
在WPF中动态添加/删除选项卡
04-02
文章提供的资源，如"Add-Remove-Tabs-Dynamically-in-WPF.pdf"和"WPFDynamicTab-noexe.zip"，可能包含了更详细的示例代码和步骤，包括如何在实际项目中整合这些概念。通过阅读这些材料，你可以深入了解如何在WPF中...
WPF箭头和自定义形状
04-11
- C# Corner：[WPF中的自定义形状](https://www.c-sharpcorner.com/UploadFile/4d97b4/custom-shapes-in-wpf/) - Stack Overflow：这里有很多关于WPF图形编程的问题和答案 总的来说，WPF提供了一套强大且灵活的工具...
WPF之文档与RichTextBox
lingxiao16888的博客
05-18 1073
RichTextBox的document为FlowDocument，所以可以在RichTextBox内的BlockUIContainer中添加UIElement，但是添加的UIElement处于DisEnable，可以通RichTextBox.IsDocumentEnabled=true使其响应。内联级元素：Run，Span， Hyperlink，InlineUIContainer，Floater等。文档分为流文档（FlowDocument，布局可变）与固定文档（xps，pdf等布局不可变）。
WPF下的TreeTable实现示例
06-03
WPF下的TreeTable实现示例,对于WPF下的TreeTable困惑的人极有帮助！
wpf 利用Grid动态绘制表格
05-29
wpf 利用Grid动态绘制表格 最近需要制作一个表格，但是用listview很不方便，特别是样式方面，还有表格布局等。今天研究了一下直接利用Grid + Border动态绘制表格。
table控件以及用法
03-20
NULL 博文链接：https://wenkaixuan.iteye.com/blog/791303
WPF 自定义表格（可添加、删除、合并、拆分）
defang6237的博客
07-25 1102
初步效果图： xaml代码 <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas....
WPF DataGrid table表格强大功能,样式的实现之合计栏
qq_40127027的博客
02-03 4792
WPF DataGrid table表格强大功能,样式的实现之合计栏
WPF绘制表格 .
Lassewang的成长历程
01-01 1万+
WPF的Grid布局使用起来很方便，但如果我想绘制一个带有边线的表格则显得有点儿力不从心（至少目前的WPF 3.5是这样）。虽然Grid有ShowGridLines这个bool类型的属性，但此属性设为true时显示的虚线而且不能改变颜色。比如下面的代码：   Window x:Class="WpfApplication1.Window1"          xmlns="http://
WPF绑定数据表格
weixin_44543135的博客
04-28 2687
WPF绑定数据表格 WPF的逻辑处理主要流程为客户端请求服务端，服务端处理数据返回客户端，WPF应用程序的表格绑定也是这样的流程；那我就来简单介绍一个WPF绑定表格数据的实例吧； 首先我们在客户端的WPF项目创建一个表格DataGrid，定义好列名Header和绑定的值Binding="{Binding 值}"，绑定的值跟你数据库查询出来的值要一致；如图所示 界面： 数据库： 我这里连的是SQ...
WPF绘制表格
♂戏子无情♂的博客
08-16 1万+
WPF的Grid布局使用起来很方便，但如果我想绘制一个带有边线的表格则显得有点儿力不从心。虽然Grid有ShowGridLines这个bool类型的属性，但此属性设为true时显示的虚线而且不能改变颜色。比如下面的代码： <Window x:Class="Table.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2...
WPF自定义表格控件（动态添加/删除行）
热门推荐
lordwish的专栏
06-10 2万+
最近在项目开发中遇到一个小问题，我们的设备管理模块中有一项叫做“技术参数”，具体来说就是不同的设备具有不同的属性，而且属性的数量也不同。举个例子，桌子有长、宽、高、材质四个属性，日光灯有安装高度、额定功率两个属性。我们希望根据设备类型能够自主添加/修改/删除属性，另一方面其他模块也会用到此功能，所以考虑做一个自定义控件，将增、删、改操作封装在控件内部，数据对外开放。 环境 版本 操作系统
在wpf
最新发布
08-29
在 WPF 中，有多种避免报错的代码实现方式： ### 设计状态下避免报错 在 WPF XML 文件被打开时，设计状态下 VS 需要渲染界面到设计器中，需要执行对应类中的构造方法和 Load 方法，此时如果这些方法报错会导致设计界面加载失败。可以通过添加判断代码判断是否处于设计模式，如果是则返回。示例如下： ```csharp if (DesignerProperties.GetIsInDesignMode(this)) { return; } ``` 这样可以避免在设计模式下执行可能会报错的代码，保证设计界面能正常加载[^1]。 ### 避免空引用异常 对于可能出现空引用的情况，需要进行空值检查。例如在处理数组或对象时，先判断其是否为 null 再进行操作。如下面的代码在添加到列表框之前检查数组元素是否为 null 或空字符串： ```csharp string[] informTable = new string[50]; Service1 ser2 = new Service1(); informTable = ser2.ShowDatabaseBtnSearch2(mailbox1); for (int i = 0; i < informTable.Length; i++) { if (informTable[i] != null && informTable[i] != "") { listbox1.Items.Add(informTable[i]); } } ``` 通过这种空值检查可以避免 `System.NullReferenceException` 异常[^2]。 ### 数据绑定序列化报错处理 在数据继承并实现了 `INotifyPropertyChanged` 接口情况下，数据绑定到界面后，再对数据进行序列化，会报错。可以使用 `[field:NonSerialized]` 修饰 `PropertyChanged` 事件，示例如下： ```csharp [field:NonSerialized] public event PropertyChangedEventHandler PropertyChanged; ``` 这样可以避免在序列化时出现问题[^3]。 ### 重写窗口关闭事件避免报错 在重写 `OnClosing` 窗口关闭事件时，要注意避免调用可能导致报错的代码。例如避免在重写方法中直接调用 `this.Close()` 导致的报错情况，正确的做法是使用 `e.Cancel` 来控制窗口是否关闭： ```csharp protected override void OnClosing(System.ComponentModel.CancelEventArgs e) { if (System.Windows.Forms.MessageBox.Show("确定是否关闭当前应用程序？", "提示", System.Windows.Forms.MessageBoxButtons.YesNo) == System.Windows.Forms.DialogResult.Yes) { e.Cancel = false; } else { e.Cancel = true; this.Hide(); } } ``` 这样可以正确处理窗口关闭事件，避免报错[^4]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值