首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

删除WPF DataGrid标题列的左边框网格线以匹配数据网格线

删除WPF DataGrid标题列的左边框网格线以匹配数据网格线,可以通过设置DataGrid的ColumnHeaderStyle和CellStyle来实现。以下是一个简单的示例:

代码语言:csharp
复制
<DataGrid>
    <DataGrid.ColumnHeaderStyle>
       <Style TargetType="{x:Type DataGridColumnHeader}">
           <Setter Property="Template">
               <Setter.Value>
                   <ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                               <ColumnDefinition Width="*" />
                               <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                           <Border BorderThickness="0,0,0,1" BorderBrush="Black">
                               <ContentPresenter />
                            </Border>
                            <Path Grid.Column="1" Data="M0,0 L1,0 L1,1 L0,1 Z" Stroke="Black" StrokeThickness="1" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </DataGrid.ColumnHeaderStyle>
    <DataGrid.CellStyle>
       <Style TargetType="{x:Type DataGridCell}">
           <Setter Property="Template">
               <Setter.Value>
                   <ControlTemplate TargetType="{x:Type DataGridCell}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                               <ColumnDefinition Width="*" />
                               <ColumnDefinition Width="Auto" />
                            </Grid.ColumnDefinitions>
                           <Border BorderThickness="0,0,0,1" BorderBrush="Black">
                               <ContentPresenter />
                            </Border>
                            <Path Grid.Column="1" Data="M0,0 L1,0 L1,1 L0,1 Z" Stroke="Black" StrokeThickness="1" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </DataGrid.CellStyle>
</DataGrid>

在这个示例中,我们定义了两个样式:ColumnHeaderStyle和CellStyle。在ColumnHeaderStyle中,我们使用了一个Grid来包含两个列,其中第一列包含一个Border和一个Path元素,用于绘制标题列的左边框和右边框。在CellStyle中,我们使用了相同的Grid结构,但是我们只需要绘制左边框和右边框,因此我们只需要一个Border元素即可。

这样,我们就可以通过设置DataGrid的ColumnHeaderStyle和CellStyle来删除标题列的左边框网格线,并使其与数据网格线匹配。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Newbeecoder.UI新版开源控件库DataGrid使用说明

DataGrid控件显示数据和信息集合。在WPF能自定义外观,单元格,表格头部,字体,颜色等内容。 使用ItemsSource属性进行数据源绑定,绑定任何实现IEnuemerable数据源。...默认情况下,当用户单击DataGrid单元格时会选择整行,如果用户选择多行设置SelectionMode属性。假如不想生成自动使用AutoGenerateColumns属性设置为false。...GridLinesVisibility使网格线可见、AreRowDetailsFrozen冻结行详细信息。Microsoft Docs对DataGrid每项功能有详细说明。...在样式中有常见表格选项,如交替行背景和显示/隐藏标题网格线和滚动条。多个样式和模板属性,通过对ColumnHeaderStyle,CellStyle,RowStyle自定义样式达到设计需求。...只要你已有系统是使用WPF开发,你都能够使用Newbeecoder.UI来轻易开发出你好看应用程序来集成到你现有项目之中。

2.8K30

OxyPlot.WPF 公共属性一览

OxyPlot.WPF 公共属性一览 目录 OxyPlot.WPF 公共属性一览 一、PlotModel 1、构造函数中设置属性 2、其它属性 3、只读属性 二、Axis 1、构造函数中设置属性 2...注释已提交到码云:https://gitee.com/DLGCY_Clone/oxyplot/tree/dlgcy 另外,之前《OxyPlot.Wpf 图表控件使用备忘》一文例子程序有了后续,用 OxyPlot...// 图表区域边框颜色 this.PlotAreaBorderThickness = new OxyThickness(1); // 图表区域边框大小 this.EdgeRenderingMode...this.DataMinimum = double.NaN; // 数据最小值 } 2、其它属性 CropGridlines // 是否在开始和结束位置裁切与坐标轴垂直网格线...LegendBorderThickness // 图例边框粗细 LegendColumnSpacing // 图例间距(只针对垂直方向) LegendFont

4.4K20

Grid网格布局入门

根据最新标准,上面三个属性名grid-前缀已经删除,grid-column-gap和grid-row-gap写成column-gap和row-gap,grid-gap写成gap。...grid-column-start属性:左边框所在垂直网格线 grid-column-end属性:右边框所在垂直网格线 grid-row-start属性:上边框所在水平网格线 grid-row-end...属性:下边框所在水平网格线 .item-1 { grid-column-start: 2; grid-column-end: 4; } 上面代码指定,1号项目的左边框是第二根垂直网格线,右边框是第四根垂直网格线...上图中,只指定了1号项目的左右边框,没有指定上下边框,所以会采用默认位置,即上边框是第一根水平网格线,下边框是第二根水平网格线。...(中右),跟justify-items属性用法完全一致,但只作用于单个项目。

2.1K20

每天10个前端小知识 【Day 17】

Fixed 绝对定位方式,直接浏览器窗口作为参考进行定位。其它特性同absolute定位。 当父元素使用了transform时候,会父元素定位。...,而如果从开始,只有深入了才会发现匹配失败,如果大部分规则层级都比较深,就比较浪费资源了。...Grid 布局即网格布局,是一个二维布局方式,由纵横相交两组网格线形成框架性布局结构,能够同时处理行与。...属性、grid-row-start 属性以及grid-row-end 属性 指定网格项目所在四个边框,分别定位在哪根网格线,从而指定项目的位置。...grid-column-start 属性:左边框所在垂直网格线 grid-column-end 属性:右边框所在垂直网格线 grid-row-start 属性:上边框所在水平网格线 grid-row-end

11711

Matplotlib 可视化之图表层次结构

默认情况下,matplotlib只装饰左边和下面的spines边框。 Axis轴 有刻度spines边线称为轴。水平是x轴,垂直是y轴。...第一步,设置画布大小、调整坐标轴范围 第二步,设置图表边框格式 第三步,设置图表标题 第四步,设置图表网格 第五步,设置轴刻度 第六步,绘图 第七步,配置图例 Step1设置画布...fontdict:此参数是控制标题文本外观字典。 loc:此参数用于设置标题{'center','left','right'}位置。 pad:此参数是标题距轴顶部偏移量(磅为单位)。...: 网格线型 tick1On, tick2On : bool分别表表示是否显示axis轴(/下、右/上)or(主、副)刻度线 label1On,label2On : bool分别表表示是否显示axis...水平/垂直坐标系中数据点,x是可选参数,默认为[0,..., N-1]。 通常,参数x,y是长度为N数组,也支持极坐标(相当于一个常数值数组)。 参数也可以是二维,此时,每一代表一个数据集。

4.3K30

OxyPlot.Wpf 图表控件使用备忘

(三) Axes (四) Series (五) Tracker 三、样式设置 (一) 效果对比 (二) 图表边框数据线条样式 (三) 坐标轴样式 (四) 自定义 Tracker 四、装配和数据填充...(二) PlotModel PlotView Model 属性需绑定一个 PlotModel 对象,它包含了整个图表各种信息,比如边框数据线条、坐标轴、图示 等。...坐标轴也有好几种类型: 本文使用是 LinearAxis: (四) Series Series 代表了一组数据,有很多种类型: 本文 线条(LineSeries)为例: 注释部分是指定平滑模式...: 可通过设置,改为如下样式: (二) 图表边框数据线条样式 图表边框四边宽度可分别设置,某一边边框设为 0 时,相应坐标轴线样式才有效果。...不过坐标轴线条好像有点 Bug,所以此处还是使用边框线来替代坐标轴线。 (三) 坐标轴样式 分别设置左侧和底部坐标轴,可进行缩放、平移、刻度线、网格线开关和设置等。

2.9K20

柱状图

2.选择数据设定,在‘分类轴’和‘系列’中分别设定其值或者表达式。3.选择显示格式,一般图表包括图表区,标题与图例,X轴,Y轴和警戒线。图表颜色:设置图表数据区以外背景色和字体颜色。...数据区颜色:设置数据区内背景颜色和字体颜色,包括X,Y轴标题和刻度。水平网格线:设置网格线水平方向颜色和显示或隐藏。垂直网格线:设置网格线水平方向颜色和显示或隐藏。...柱体边框:设置柱体边框线颜色和显示或隐藏。数据标签:设置数据值显示位置,字体,显示方向,可隐藏。数据标签格式:设置数据显示小数位数、前缀、后缀。圆柱:设置柱体样式。...柱体宽度:设置柱体宽度,内置大小程度1-10个单位。4.选择标题与图例,设置标题和图例在图表中显示。标题:设置标题以及字体,字体大小和风格。...图例:设置图例位置,字体,字体大小和风格,图例所占数,可隐藏。5.选择X轴,设置X轴标题和分类标签。标题:设置X轴标题文字,字体,字体大小,风格以及倾斜角度。0度为水平方向,90为垂直方向。

1.8K20

图解CSS布局(一)- Grid布局

对中间那设置了auto,实现了中间自适应三栏布局 网格线 grid布局叫做网格布局,那自然少不了网格线存在,使用方括号,指定每一根网格线名字,方便以后做定位时使用 grid-template-columns...单元格内容排列方式 justify-items 属性设置单元格内容水平位置(中右),align-items 属性设置单元格垂直位置(上中下) 这里只justify-items做展示,另一个同理,...指定项目的位置 实现原理其实是指定项目的四个边框,分别定位在哪根网格线 grid-column-start属性:左边框所在垂直网格线 grid-column-end属性:右边框所在垂直网格线 grid-row-start...属性:上边框所在水平网格线 grid-row-end属性:下边框所在水平网格线 .container { display: grid; grid-template-columns:...其中第一行代码,制定了上边框在第1条网格线,下边框在第4条网格线,第二行代码同理。

1.8K10

【愚公系列】2023年10月 WPF控件专题 DataGrid控件详解

一、DataGrid控件详解WPFDataGrid是一个非常强大和灵活控件,它可用于展示和编辑数据。...1.属性介绍WPFDataGrid控件常见属性如下:AutoGenerateColumns:是否自动生成,默认为true。CanUserAddRows:是否允许用户新增行,默认为true。...AlternatingRowBackground:交替行背景色。GridLinesVisibility:网格线可见性,默认为None。ItemsSource:数据源。...2.常用场景WPFDataGrid控件常用场景包括以下几个方面:数据展示:DataGrid控件可以方便地展示数据表格,特别是当数据量比较大时,使用DataGrid可以快速地进行数据查看和筛选。...数据导入导出:DataGrid控件可以支持数据导入和导出,可以将数据快速地导入到DataGrid中进行展示,也可以将DataGrid数据导出到其他文件格式中,方便数据共享和使用。

86200

Tableau目标跟踪图6种实现方式

&加粗 ⑥ 无关网格线都去掉,零值线黑色加粗 原数据源 变换之后数据源: 数据源解析: 目标1代表目标是100% 100%对应180度,那么0.6883对应123.903度,即180*0.6883...效果展示: 制作要领: ① 数据源如下截图 ② 目标完成度拉到,商品拉到行,标记改成线,度量名称拉到详细信息,num拉到路径 ③ 界线拉到 ④ 标记下界线颜色拉掉,且调整标记下目标完成度和界线大小...⑤ 选择双轴 ⑥ 按图所示创建参数 ⑦ 双击轴,选择添加参考线,如图所示 ⑧ 美化: 去掉无关网格线、轴标题等,调整颜色 添加标签,注意尾部会出现0.0%,手动调成从不显示即可 字体Arial 原数据源...])” ④ “对比”字段拉到颜色即可,且去掉无关标题网格线等 ⑤ 按图所示创建文本,去掉显示标题,注意字体样式 ⑥ 步骤④创建好图拉到仪表板,将步骤⑤创建好文本浮动到仪表板,调整文本透明度...,再去掉无关标题网格线等 方式六 效果展示: 制作要领: ① 数据源如下表格截图 ② 将商品拉到,实际完成度拉到行,创建字段差距=sum([目标])-sum([实际完成度]) ③ 标记选择饼图

71350

万字总结 CSS 布局

具体方法就是指定项目的四个边框,分别定位在哪根网格线。...grid-column-start属性:左边框所在垂直网格线 grid-column-end属性:右边框所在垂直网格线 grid-row-start属性:上边框所在水平网格线 grid-row-end...属性:下边框所在水平网格线 .item-1 { grid-column-start: 2; grid-column-end: 4; } 上面代码指定,1号项目的左边框是第二根垂直网格线,右边框是第四根垂直网格线...上图中,只指定了1号项目的左右边框,没有指定上下边框,所以会采用默认位置,即上边框是第一根水平网格线,下边框是第二根水平网格线。....item-1 { grid-column-start: header-start; grid-column-end: header-end; } 上面代码中,左边框和右边框位置,都指定为网格线名字

5.6K20

用Tableau实现目标跟踪6种方式

&加粗 ⑥ 无关网格线都去掉,零值线黑色加粗 原数据源 变换之后数据源: 数据源解析: 目标1代表目标是100% 100%对应180度,那么0.6883对应123.903度,即180*0.6883...⑤ 选择双轴 ⑥ 按图所示创建参数 ⑦ 双击轴,选择添加参考线,如图所示 ⑧ 美化: 去掉无关网格线、轴标题等,调整颜色 添加标签,注意尾部会出现0.0%,手动调成从不显示即可 字体Arial 原数据源...])” ④ “对比”字段拉到颜色即可,且去掉无关标题网格线等 ⑤ 按图所示创建文本,去掉显示标题,注意字体样式 ⑥ 步骤④创建好图拉到仪表板,将步骤⑤创建好文本浮动到仪表板,调整文本透明度...,再去掉无关标题网格线等 方式六 效果展示: 制作要领: ① 数据源如下表格截图 ② 将商品拉到,实际完成度拉到行,创建字段差距=sum([目标])-sum([实际完成度]) ③ 标记选择饼图...▊《业务可视化分析:从问题到图形Tableau方法》 喜乐君 著 业务分析为起点,“从问题出发”,深刻阐述面向业务可视化分析框架体系 从业务视角出发,总结了不同阶段代表性工具(

72220

最强大 CSS 布局 —— Grid 布局

Grid 会为我们创建编号网格线来让我们来定位每一个网格元素。m 列有 m + 1 根垂直网格线,n 行有 n + 1 跟水平网格线。比如上图示例中就有 4 根垂直网格线。...(中右),align-items 属性设置单元格垂直位置(上中下) 下面 justify-items 属性为例进行讲解,align-items 属性同理,只是方向为垂直方向。...所以,项目之间间隔比项目与容器边框间隔大一倍 space-between - 项目与项目的间隔相等,项目与容器边框之间没有间隔 space-evenly - 项目与项目的间隔相等,项目与容器边框之间也是同样长度间隔...,分别定位在哪根网格线,从而指定项目的位置 grid-column-start 属性:左边框所在垂直网格线 grid-column-end 属性:右边框所在垂直网格线 grid-row-start...属性:上边框所在水平网格线 grid-row-end 属性:下边框所在水平网格线 .wrapper { display: grid; grid-template-columns: repeat

2.3K20
领券