WPF DataGrid 复合表头（实现表头合并，自定义表头）

功能说明： 将 DataGrid嵌套在本控件内，使用Label自定义表头，如果需要上下左右滚动需要在控件外围添加 ScrollViewer 并且设置 ScrollVisibility 为Auto

实现方式：控件继承了Grid，所以datagrid上面的子节点Label可以设置行列合并以实现我们需要的符合表头需求，符合表头会读取 datagrid中的列，Label的宽度会跟随 datagrid表头宽度的变化，我们可以自己设置显示或者隐藏datagrid的表头，自己设置label的样式

截图：

使用Demo：

控件代码：

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Drawing;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Controls.Primitives;

using System.Windows.Media;

namespace SelfControlWPF.Controls

{

    /// <summary>

    /// 将DataGrid放入控件内，用Label基于Grid的方式画复杂表头，表头合并

    /// 需要滚动的的情况下可在控件外包一层 ScrollView 设置Scrollvibility为Auto 固定高度宽度

    /// </summary>

    public class ComplexDataGridHeader : Grid

    {

        #region 依赖属性

        /// <summary>

        /// 表头需要添加的行数

        /// </summary>

        public static readonly DependencyProperty AddRowProperty =

        DependencyProperty.Register("AddRow", typeof(int), typeof(ComplexDataGridHeader));

        public int AddRow

        {

            get { return (int)GetValue(AddRowProperty); }

            set { SetValue(AddRowProperty, value); }

        }

        private double RowHeaderWidth { get; set; }

        #endregion

        #region 所有字段

        /// <summary>

        /// 需要显示的DataGrid

        /// </summary>

        private DataGrid dataGrid;

        /// <summary>

        /// 所有列宽度字典

        /// </summary>

        private readonly Dictionary<int, double> colArr = new Dictionary<int, double>();

        /// <summary>

        /// 最右边的一个Label

        /// </summary>

        private Label RightLabel;

        /// <summary>

        /// 最右边Label右边的BorderThinkness

        /// </summary>

        private double RightTh;

        /// <summary>

        /// 监测datagrid Columun的宽度变化

        /// </summary>

        readonly DependencyPropertyDescriptor descriptor = DependencyPropertyDescriptor.FromProperty(DataGridColumn.WidthProperty, typeof(DataGridColumn));

        /// <summary>

        /// DataGrid所有Column字典

        /// </summary>

        readonly Dictionary<int, ColumnDefinition> columnDefinitions = new Dictionary<int, ColumnDefinition>();

        //double SumWidth = 0;

        /// <summary>

        /// 记录DataGrid的RowHeaderActualWidth

        /// </summary>

        #endregion

        #region 主要方法

        public ComplexDataGridHeader()

        {

            RowDefinition rowDefinitionh = new RowDefinition

            {

                Height = GridLength.Auto

            };

            RowDefinitions.Add(rowDefinitionh);

        }

        /// <summary>

        /// 设置DataGrid初始样式

        /// </summary>

        /// <param name="obj"></param>

        private void SetHeaderGrid(object obj)

        {

            if (obj is DataGrid)

            {

                dataGrid = obj as DataGrid;

                dataGrid.SetValue(RowProperty, 1);

                dataGrid.Loaded += DataGridLoaded;

                dataGrid.HorizontalScrollBarVisibility = ScrollBarVisibility.Hidden;

                dataGrid.CanUserReorderColumns = false;

            }

        }

        /// <summary>

        /// 开始渲染表头

        /// </summary>

        public void Render()

        {

            if (Utils.ListIsNullOrEmpty(dataGrid.Columns)|| Utils.ListIsNullOrEmpty(Children)) return;

            columnDefinitions.Clear();

            colArr.Clear();

            //SumWidth = 0;

            ColumnDefinitions.Clear();

            RowDefinitions.Clear();

            RowDefinition rowDefinitionh = new RowDefinition

            {

                Height = GridLength.Auto

            };

            RowDefinitions.Add(rowDefinitionh);

            foreach (DataGridColumn col in dataGrid.Columns)

            {

                descriptor.RemoveValueChanged(col, ColumnWidth_Changed);

                descriptor.AddValueChanged(col, ColumnWidth_Changed);

                ColumnDefinition columnDefinition = new ColumnDefinition

                {

                    Width = new GridLength(col.ActualWidth >= col.Width.Value ? col.ActualWidth : col.Width.Value)

                };

                ColumnDefinitions.Add(columnDefinition);

                colArr.Add(col.DisplayIndex, columnDefinition.Width.Value);

                columnDefinitions.Add(col.DisplayIndex, columnDefinition);

                //SumWidth += columnDefinition.Width.Value;

            }

            if(dataGrid.HeadersVisibility== DataGridHeadersVisibility.All|| dataGrid.HeadersVisibility == DataGridHeadersVisibility.Row)

            {

                RowHeaderWidth+= dataGrid.RowHeaderActualWidth;

            }

            //SumWidth += RowHeaderWidth;

            columnDefinitions[0].Width = new GridLength(columnDefinitions[0].Width.Value + RowHeaderWidth);

            colArr[0] = columnDefinitions[0].Width.Value;

            for (int i = 0; i < AddRow; i++)

            {

                RowDefinition rowDefinition = new RowDefinition

                {

                    Height = GridLength.Auto

                };

                RowDefinitions.Add(rowDefinition);

            }

            SetHeaderWidth();

            dataGrid.SetValue(ColumnSpanProperty, dataGrid.Columns.Count);

            dataGrid.SetValue(RowProperty, RowDefinitions.Count - 1);

        }

        /// <summary>

        /// 设置所有表头宽度和边框

        /// </summary>

        private void SetHeaderWidth()

        {

            foreach (var item in Children)

            {

                if (item is Label)

                {

                    Label textBlock = item as Label;

                    Thickness thickness = textBlock.BorderThickness;

                    thickness.Left = thickness.Left == 0 ? 1 : thickness.Left;

                    thickness.Top = thickness.Top == 0 ? 1 : thickness.Top;

                    thickness.Right = thickness.Right == 0 ? 1 : thickness.Right;

                    thickness.Bottom = thickness.Bottom == 0 ? 1 : thickness.Bottom;

                    double Th = thickness.Right;

                    int col = Convert.ToInt32(textBlock.GetValue(ColumnProperty));

                    int row = Convert.ToInt32(textBlock.GetValue(RowProperty));

                    int colspan = Convert.ToInt32(textBlock.GetValue(ColumnSpanProperty));

                    textBlock.Width = GetLabelWidth(Convert.ToInt32(textBlock.GetValue(ColumnProperty)), Convert.ToInt32(textBlock.GetValue(ColumnSpanProperty)));

                    textBlock.BorderThickness = new Thickness(thickness.Left, thickness.Top * (row == 0 ? 1 : 0), thickness.Right * (col + colspan - 1 == dataGrid.Columns.Count - 1 ? 1 : 0), thickness.Bottom * (row == RowDefinitions.Count - 2 ? 0 : 1));

                    if (RightLabel is null || Convert.ToInt32(textBlock.GetValue(ColumnProperty)) > Convert.ToInt32(RightLabel.GetValue(ColumnProperty)))

                    {

                        RightLabel = textBlock;

                        if (Th > 0) RightTh = thickness.Right;

                    }

                }

            }

            RightLabel.BorderThickness = new Thickness(RightLabel.BorderThickness.Left, RightLabel.BorderThickness.Top, RightTh, RightLabel.BorderThickness.Bottom);

        }

        /// <summary>

        /// 计算某个表头宽度

        /// </summary>

        /// <param name="col"></param>

        /// <param name="span"></param>

        /// <returns></returns>

        private double GetLabelWidth(int col, int span)

        {

            double result = 0;

            for (int i = 0; i < span; i++)

            {

                if(colArr.ContainsKey(col + i))

                result += colArr[col + i];

            }

            return result;

        }

        #endregion

        #region 事件

        /// <summary>

        /// 监测控件子控件变化

        /// </summary>

        /// <param name="visualAdded"></param>

        /// <param name="visualRemoved"></param>

        protected override void OnVisualChildrenChanged(DependencyObject visualAdded, DependencyObject visualRemoved)

        {

            if (visualAdded is DataGrid)

            {

                SetHeaderGrid(visualAdded as DataGrid);

            }

            base.OnVisualChildrenChanged(visualAdded, visualRemoved);

        }

        /// <summary>

        /// 表头宽度变化事件

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        private void ColumnWidth_Changed(object sender, EventArgs e)

        {

            DataGridColumn dataGridColumn = sender as DataGridColumn;

            columnDefinitions[dataGridColumn.DisplayIndex].Width = new GridLength(dataGridColumn.ActualWidth);

            if (!colArr.ContainsKey(dataGridColumn.DisplayIndex)) return;

            colArr[dataGridColumn.DisplayIndex] = dataGridColumn.ActualWidth;

            if (dataGridColumn.DisplayIndex == 0)

            {

                columnDefinitions[0].Width = new GridLength(dataGridColumn.ActualWidth + RowHeaderWidth);

                colArr[0] = columnDefinitions[0].Width.Value;

            }

            SetHeaderWidth();

        }

        /// <summary>

        /// DataGrid加载后事件

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        private void DataGridLoaded(object sender, RoutedEventArgs e)

        {

            Render();

        }

        #endregion

    }

}

帮助类：

using System;

using System.Collections;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using System.Windows;

using System.Windows.Markup;

using System.Xml;

namespace SelfControlWPF

{

    public class Utils

    {

        /// <summary>

        /// 深拷贝控件

        /// </summary>

        /// <typeparam name="T"></typeparam>

        /// <param name="source"></param>

        /// <param name="destination"></param>

        public static void Copy<T>(T source, ref T destination) where T : class

        {

                string rectXaml = XamlWriter.Save(source);

                StringReader stringReader = new StringReader(rectXaml);

                XmlReader xmlReader = XmlReader.Create(stringReader);

                UIElement clonedChild = (UIElement)XamlReader.Load(xmlReader);

                destination = clonedChild as T;

        }

        /// <summary>

        /// 判断列表是否为空或者0条

        /// </summary>

        /// <param name="list"></param>

        /// <returns></returns>

        public static bool ListIsNullOrEmpty(IList list)

        {

            return list == null || list.Count == 0;

        }

    }

}

WPF DataGrid 复合表头（实现表头合并，自定义表头）的更多相关文章

小师妹问 easyUI mergeCells 行合并后表头和内容对不齐
公司来了一个做easyUI的妹子,恰好那妹子是和我一个学校的,有一天下班妹子在超时买东西正好巧遇,然后妹子就问了问题,随便说手机卡需要我帮忙刷机,然后就问手机买了多久, 多少钱,刚买的时候好用不,然后 ...
WPF DataGrid自定义样式
微软的WPF DataGrid中有很多的属性和样式,你可以调整,以寻找合适的(如果你是一名设计师).下面,找到我的小抄造型的网格.它不是100%全面,但它可以让你走得很远,有一些非常有用的技巧和陷阱. ...
QTableWidget自定义表头QHeaderView加全选复选框
1 QTableWidget自定义表头QHeaderView加全选复选框在使用QTableWidget时需要在表头添加全选复选框,但是默认的表头无法添加复选框,只能用图片画上去一个复 ...
vue + element ui 表格自定义表头，提供线上demo
前言:工作中用到 vue+element ui 的前端框架,需要使用自定义表头,需要使用 re.转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9710826.h ...
ElementUI2.0组件库el-table表格组件如何自定义表头？
效果图: npm run dev 编译项目之后,报错,要使用jsx语法需要先安装编译插件 1.安装下列安装包 npm install babel-plugin-syntax-jsx --save-de ...
element之table自定义表头
1.实现效果 2.使用render-header可以自定义表头 <el-table-column prop="date" label="日期" sorta ...
ElementUI的Table-column_render-header自定义表头
ElementUI的Table表格,官方网站上提供了很多样式,但是在日常开发中还会碰到各种情况,显然官方提供的是不能满足需求的.那么,我们就根据自己的需求对table进行改造. 先丢出关于Table的 ...
WPF DataGrid 自动生成行号的方法（通过修改RowHeaderTemplate的方式）
WPF中的DataGrid自动生成行号的方法有很多,这里记录了一种通过修改 RowHeaderTemplate的方式来生成行号: 方法一: xaml界面: <Window ... xmlns:l ...
WPF DataGrid常用属性记录
WPF DataGrid常用属性记录组件常用方法: BeginEdit:使DataGrid进入编辑状态. CancelEdit:取消DataGrid的编辑状态. CollapseRowGroup:闭 ...

随机推荐

力扣Leetcode 680. 验证回文字符串 Ⅱ
验证回文字符串 Ⅱ 给定一个非空字符串 s,最多删除一个字符.判断是否能成为回文字符串. 示例 1: 输入: "aba" 输出: True 示例 2: 输入: "abca ...
python实例三国人物出场次序 jieba库
#Cal3kingdoms.py import jieba txt = open("threekingdoms.txt", "r", encoding=&quo ...
[ASP.NET Core开发实战]基础篇04 主机
主机定义主机是封闭应用资源的对象. 设置主机主机通常由 Program 类中的代码配置.生成和运行. HTTP项目(ASP.NET Core项目)创建泛型主机: public class Prog ...
Asterisk-WebRTC客户端的部署
很久没有写博客了.最近完成asterisk 和 jssip的库集成,浏览器支持chrome/firefox.在集成的过程中遇到了一些问题,在这儿分享出来,免得大家走弯路. 在网上看一些帖子,环境都是 ...
css面试题汇总（持续更新）
前言:这篇随笔是为了准备后面的面试而整理的,网上各种面试题太多了,但是我感觉很多太偏了,而且实际开发过程中并不会遇到,因此这里我整理一些比较常用的,或者是相对比较重要的知识点,每个知识点都会由浅入深, ...
CRMEB小程序商城首页强制在微信中打开解决办法
先说一下,这也算不上二开,小小修改一下而已. CRMEB安装完成后,PC端直接打开首页,真是一言难尽~ 然后,我就想了,用手机浏览器或者PC浏览器直接打开首页也没啥用,干脆直接强制在微信中打开算了! ...
Codeforece E. Anton and Permutation
主席树算贡献l,r中交换位置,算出>=rank(h) 和 <=rank(h) a[l],a[r] 先不统计 a[l]比a[r]大的话交换后ans-1,a[l]比a[r]小的话交换后ans- ...
MySQL 数据库查续
MySQL 增删查改必知必会 4.1.13 使用 like 关键字进行模糊查询 -- 说明:模糊查询,使用查询关键字like,like意思是类似于,像...的意思 -- 模糊查询,支持两种字符匹配符 ...
1DadaFrame和Series创建
通过GroupBy创建DF对象 sn_group=data.groupby('SN') purchase_count=sn_group.count().Price average_purchase_p ...
想要使用GPU进行加速？那你必须事先了解CUDA和cuDNN
这一期我们来介绍如何在Windows上安装CUDA,使得对图像数据处理的速度大大加快,在正式的下载与安装之前,首先一起学习一下预导知识,让大家知道为什么使用GPU可以加速对图像的处理和计算,以及自己的 ...

WPF DataGrid 复合表头 （实现表头合并，自定义表头）

WPF DataGrid 复合表头 （实现表头合并，自定义表头）的更多相关文章

随机推荐

热门专题

WPF DataGrid 复合表头（实现表头合并，自定义表头）

WPF DataGrid 复合表头（实现表头合并，自定义表头）的更多相关文章