Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >更改DataGridTemplateColumn内容样式

问更改DataGridTemplateColumn内容样式
EN

Stack Overflow用户

提问于 2014-11-26 23:55:05

回答 1查看 785关注 0票数 0

我想更改DataGridTemplateColumn内容样式，下面是DataGridTemplateColumn代码：

<DataGridTemplateColumn MaxWidth="50" MinWidth="30" CellStyle="{StaticResource CellStyle}">
<DataGridTemplateColumn.CellTemplate>
    <DataTemplate>
        <Label Style="{StaticResource FontAwesome}" Padding="0" VerticalAlignment="Center" HorizontalAlignment="Center" Cursor="Hand" MouseLeftButtonDown="LblEdit_MouseLeftButtonDown">
            
        </Label>
    </DataTemplate>
</DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

以下是CellStype代码：

<Style x:Key="CellStyle" TargetType="DataGridCell">
    <Setter Property="BorderThickness" Value="0 0 1 0"/>
    <Setter Property="BorderBrush" Value="#F6F6F6"/>
    <Setter Property="Foreground" Value="#000"/>
    <Setter Property="FontSize" Value="14" />
    <Style.Triggers>
        <Trigger Property="DataGridCell.IsSelected" Value="True">
            <Setter Property="Background" Value="#FF5750" />
            <Setter Property="Foreground" Value="#FFFFFF" />
        </Trigger>
    </Style.Triggers>
</Style>

但DataTemplate中的标签在行选择时不起作用，尽管其他单元格是有效的。

有办法做到吗？

谢谢！

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-11-27 00:32:48

触发器设置DataGridCell的前景色，但不设置Label的前景色。通过向Label添加Foreground属性，您可以引用它中的前景色：

<Label 
    Style="{StaticResource FontAwesome}" 
    Foreground="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=Control}, Path=Foreground}"
    ... />

票数 1

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/27165684

复制

相关文章

【CSS】更改用户界面样式 ① ( 更改鼠标样式 | 更改鼠标样式应用场景 | 代码示例 )

css 网站电商开发浏览器

在之前的【CSS】轮播图案例开发 ( 基本设置 | 子绝父相 | 浏览器水平居中 | 圆角设置 | 绝对定位居中设置 ) 轮播图中 , 鼠标移动到轮播图底部的小圆点上时 , 一般会变成小手形状的 , 这样用户体验更好 ;

韩曙亮

2023/04/16

2.4K0

【CSS】更改用户界面样式 ① ( 更改鼠标样式 | 更改鼠标样式应用场景 | 代码示例 )

CSS样式更改——过渡、动画

上篇文章主要讲述了CSS样式更改中的2D转换，这篇文章我们来介绍下CSS样式更改中的过渡、动画基础用法。

前端皮皮

2020/11/25

1.2K0

CSS样式更改——文本Content

上篇文章主要讲述了CSS样式更改中的背景Background，这篇文章我们来谈谈文本Content内容的基础用法。

前端皮皮

2020/11/26

1.7K0

CSS样式更改篇——背景Background

上篇文章主要讲述了CSS的基础用法，讲述了如何定义头文件，导入CSS文件，id和class选择器，元素选择器，后代选择器，子元素选择器，兄弟选择器，伪类选择器等等，让大家对CSS选择器有个简单的认识和了解。这篇接上篇文章，继续讲解CSS的基础用法。

前端皮皮

2020/11/26

1.5K0

ios 继承UITableViewController,更改tableview样式

// 继承UITableViewController,更改tableview样式 - (instancetype)initWithStyle:(UITableViewStyle)style { return [super initWithStyle:UITableViewStyleGrouped]; } 在新建的uitableviewcontroller中加上上述的方法。等于是重写父类的方法。可以实现tableview的style变成 UITableViewStyleGrouped 转载请注明

用户1219438

2018/02/01

1.2K0

如何更改滚动条样式？

如何自定义浏览器的滚动条呢，下面给大家讲解一下，其实很简单，通过设定css样式就可以实现。

申霖

2019/12/27

2.5K0

如何更改伪元素的样式

在前端开发中我们会经常用到伪元素，有时候需要通过js来修改伪元素的样式，那么有哪几种方式来修改伪元素的样式呢？

挥刀北上

2021/01/27

9.3K0

Vue 父组件更改子组件样式

中 scoped 是受保护的，当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装固更改子组件的style时是失效的

White feathe

2022/05/05

1.9K0

CSS样式更改——2D转换

上篇文章主要讲述了CSS样式更改中的裁剪、Z-Index、清除、改变元素的特性基础知识，这篇文章我们来介绍下CSS样式更改中2D转换的基础用法。

前端皮皮

2020/11/25

1K0

PHPCMS更改后台编辑器样式

PHPCMS默认的后台样式用着不习惯，根前台的视觉差太大？没关系，改一下就是了。后台编辑器样式文件 staticsjsckeditorcontents.css 把前台样式表中控制文字的那一部分拷贝进去稍微修改下即可，当然你可以自定义编辑器背景什么的，看个人喜好了。我自己比较喜欢的样式现在分享给大家

李维亮

2021/07/09

1.4K0

CSS样式更改——列表、表格和轮廓

上篇文章主要介绍了CSS样式更改篇中的字体设置Font&边框Border设置，这篇文章分享列表、表格和轮廓，一起来看看吧。

前端皮皮

2020/11/26

2.9K0

elementuitable样式更改_elementui下拉框

java https html 网络安全

表格样式修改（表头高、表头边框、表格内边框、表格行高） //控制表头高度 .el-table /deep/ .el-table__header th { padding: 0; height: 40px; line-height: 40px; //表头边框设置 border:solid #cccccc; border-width:1px 0px 0px 1px; } //添加表格行边框 .el-table /deep/ td{ border:solid #cccccc; border-width:1px 0px 0px 1px; } // table右下外边框颜色 .el-table–border:after, .el-table–group:after, .el-table:before { background-color: #cccccc; } //表格上左外边框 .el-table–border, .el-table–group { border-color: #cccccc; } //表头背景色 :header-cell-style=”{background:’#e0e4e5’}” //表格行高还需要设置padding :cell-style=”{padding:‘0px’}”

全栈程序员站长

2022/09/30

6330

Vue 父组件更改子组件样式

中 scoped 是受保护的，当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装固更改子组件的style时是失效的

White feathe

2022/05/11

1.8K0

CSS样式更改——框模型、定位、浮动、溢出

上篇文章主要介绍了CSS样式更改篇中的列表、表格和轮廓，这篇文章主要介绍CSS样式更改中框模型、定位、浮动、溢出基础知识。

前端皮皮

2020/11/26

1.3K0

CSS样式更改——框模型、定位、浮动、溢出

如何更改layui弹出层样式「建议收藏」

css https java 网络安全

注：这里layui-layer-btn0是弹出层下方的第一个按钮，它的类名是官方定义好的，由于直接按钮直接以 btn:[‘确认导出’，’取消’]的方式定义，我们无法定义button的类名，所以要改变按钮的样式就直接在css中用该类名更改。

全栈程序员站长

2022/08/25

1.6K0

CSS样式更改——用户界面和指针类型

上篇文章主要讲述了CSS样式更改中的多列、元素是否可见、图片透明度基础知识，这篇文章我们来介绍下CSS样式更改中用户界面和指针类型基础用法。

前端皮皮

2020/11/25

1.4K0

wordpress子比主题更改首页样式全宽度[美化教程]

wordpress 玩转wordpress wordpress主题

在主题目录下“func.php”下面添加下面代码，这是我修改后的“图文封面卡片”小工具

七辰

2023/10/06

1.7K0

wordpress子比主题更改首页样式全宽度[美化教程]

CSS样式更改——字体设置Font&边框Border

上篇文章主要讲述了CSS样式更改中的背景Background，这篇文章我们来谈谈字体设置Font&边框Border的基础用法。。

前端皮皮

2020/11/25

3.4K0

Visual Studio Code 更改侧边栏字体样式（CSS）

编程算法 css typescript ide

Visual Studio Code（以下简称 VSCode）窗口放大以后侧边栏的字体样式异常难看，让人感到非常别扭，bdfs 也找不到完整的解决方案，最后在知乎看了 muxu.jiu 的回答，茅塞顿开，决定写一篇详细的教程。

Skykguj

2022/09/09

3.2K0

Visual Studio Code 更改侧边栏字体样式（CSS）

JS设置标签的内容和样式

上一期堡堡给大家分享了操作符与数据类型转换。掌握JS操作符的目的是为了能够灵活的操作变量，以便完成JS的各种逻辑处理；掌握数据类型转换可以让我们避免一些不该发生的问题，能够让我们更好的完成JS的各种功能。如果想具体了解操作符与数据类型转换，可以查看：操作符与数据类型转换。而今天我们主要讲解JS逻辑和DOM的结合 - JS设置标签的内容和样式。 Tips：由于上一期的文章篇幅过长，微信的文章有字数要求，所以小编把部分的内容（操作符）放到这一期进行讲解。继上一期的内容 - 操作符赋值操作符：=(赋值) +

HTML5学堂

2018/03/13

20.4K0

相似问题

访问DataGridTemplateColumn内容

23

样式DataGridTemplateColumn与DataGridComboBoxColumn匹配

14

可重用的DataGridTemplateColumn样式

211

禁用控件WPF的DataGridTemplateColumn样式

12

将ToolTip样式分配给DataGridTemplateColumn

122

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例