Datagird样式

限时加码!20+主流AI编程工具免费用 购周边加赠Coding Plan Lite,Claude Code、Cursor等即刻畅享,学习进阶更高效! 阅读详情

<Window
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 x:Class="WpfApplication1.Window2"
 x:Name="Window"
 Title="Window2"
 Width="640" Height="480">
<Window.Resources>
 <Style TargetType="DataGrid">
        <!--网格线颜色-->
        <Setter Property="CanUserResizeColumns" Value="false"/>
        <Setter Property="Background" Value="#E6DBBB" />
        <Setter Property="BorderBrush" Value="#d6c79b" />
        <Setter Property="HorizontalGridLinesBrush">
            <Setter.Value>
                <SolidColorBrush Color="#d6c79b"/>
            </Setter.Value>
        </Setter>
        <Setter Property="VerticalGridLinesBrush">
            <Setter.Value>
                <SolidColorBrush Color="#d6c79b"/>
            </Setter.Value>
        </Setter>
    </Style>

    <!--标题栏样式-->
    <!--<Style  TargetType="DataGridColumnHeader" >
        <Setter Property="Width" Value="50"/>
        <Setter Property="Height" Value="30"/>
        <Setter Property="FontSize" Value="14" />
        <Setter Property="Background" Value="White" />
        <Setter  Property="FontWeight"  Value="Bold"/>
    </Style>-->

    <Style TargetType="DataGridColumnHeader">
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="MinWidth" Value="0" />
        <Setter Property="MinHeight" Value="28" />
        <Setter Property="Foreground" Value="#323433" />
        <Setter Property="FontSize" Value="14" />
        <Setter Property="Cursor" Value="Hand" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="DataGridColumnHeader">
                    <Border x:Name="BackgroundBorder" BorderThickness="0,1,0,1"
                             BorderBrush="#e6dbba"
                              Width="Auto">
                        <Grid >
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <ContentPresenter  Margin="0,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            <Path x:Name="SortArrow" Visibility="Collapsed" Data="M0,0 L1,0 0.5,1 z" Stretch="Fill"  Grid.Column="2" Width="8" Height="6" Fill="White" Margin="0,0,50,0"
                            VerticalAlignment="Center" RenderTransformOrigin="1,1" />
                            <Rectangle Width="1" Fill="#d6c79b" HorizontalAlignment="Right" Grid.ColumnSpan="1" />
                            <!--<TextBlock  Background="Red">
                            <ContentPresenter></ContentPresenter></TextBlock>-->
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Height" Value="25"/>
    </Style>
    <!--行样式触发-->
    <!--背景色改变必须先设置cellStyle 因为cellStyle会覆盖rowStyle样式-->
    <Style  TargetType="DataGridRow">
        <Setter Property="Background" Value="#F2F2F2" />
        <Setter Property="Height" Value="25"/>
        <Setter Property="Foreground" Value="Black" />
        <Style.Triggers>
            <!--隔行换色-->
            <Trigger Property="AlternationIndex" Value="0" >
                <Setter Property="Background" Value="#e7e7e7" />
            </Trigger>
            <Trigger Property="AlternationIndex" Value="1" >
                <Setter Property="Background" Value="#f2f2f2" />
            </Trigger>

            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="LightGray"/>
                <!--<Setter Property="Foreground" Value="White"/>-->
            </Trigger>

            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Foreground" Value="Black"/>
            </Trigger>
        </Style.Triggers>
    </Style>

    <!--单元格样式触发-->
    <Style TargetType="DataGridCell">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="DataGridCell">
                    <TextBlock TextAlignment="Center" VerticalAlignment="Center"  >
                           <ContentPresenter />
                    </TextBlock>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="IsSelected" Value="True">
                <!--<Setter Property="Background" Value="White"/>
                <Setter Property="BorderThickness" Value="0"/>-->
                <Setter Property="Foreground" Value="Black"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
 <Grid x:Name="LayoutRoot">
        <DataGrid Margin="0" x:Name="dg_list"  AutoGenerateColumns="False">
   <DataGrid.Columns>
                            <DataGridTextColumn Header="名称" Width="150"  Binding="{Binding  Name}"/>
                            <DataGridTextColumn Header="最新价"   Width="120"  Binding="{Binding Zxj}"/>
                            <DataGridTextColumn Header="涨跌"  Width="120"  Binding="{Binding Zd}"/>
                            <DataGridTextColumn Header="涨幅"  Width="130"  Binding="{Binding Zf}"/>
                            <DataGridTextColumn Header="短线强势股"  Width="140"  Binding="{Binding Dxqsg}"/>
                        </DataGrid.Columns>
   
  </DataGrid>
 </Grid>
</Window>

Android GridView美化样式设计与实战 适配器模式是一种经典的结构型设计模式,用于连接两个不兼容的接口。在 Android 中,这种模式被广泛应用于解耦 UI 层与数据层之间的依赖关系。举个例子:数据源可能是、数据库查询结果、网络 JSON 数组;而GridView只认识View对象;它俩根本“说不上话”。这时候就需要一个“翻译官”——也就是我们的Adapter,把任意形式的数据转换为GridView可以理解的一系列View实例序列。graph TD。 阅读详情

相关推荐

Wpf DataGird示例代码

WpfDataGrid示例代码 分组,过滤,排序,样式

html5 dat.gui,Dat.gui 使用教程

Dat.gui 使用教程:Dat.gui 是一个 GUI 组件,他可以为你的 demo 提供参数的设置。并且很容易上手。基础用法引入js 文件初始化配置var Options = function() {this.message = 'dat.gui';this.speed = 0.8;this.displayOutline = false;this.button = function() {};...

weixin_39875031的博客 2358

WPF DataGrid样式

文章原下载地址:http://www.dotnetspark.com/kb/2941-styling-wpf-datagrid.aspx

WPF 自定义DataGrid控件样式模板5个

要实现表头拖动,使用上面的样式代码是不行的,上面的样式代码去掉了拖动的控件。上面的代码实现了隔行换色的效果,但是没有鼠标选中效果。CanUserReorderColumns:获取或设置一个值用来判断是否允许用户重新排列表列的位置。AreRowGroupHeadersFrozen:获取或设置一个值用来判断是否冻结分组行的头部。AreRowDetailsFrozen:获取或设置一个值用来判断是否冻结每行内容的详细信息。RowDetailsTemplate:获取或设置被用于显示行详细部分的内容的模板。

1万+

WPF中设置DataGrid的常用样式

控件中应用到所有的单元格上,使得它们具有统一的外观和风格可以在XAML的其他部分通过键值引用这个样式。时,即单元格被选中时,会改变单元格的背景颜色。这样的样式定义可以让开发者在。标签定义了一个特定的属性和它的值,用于设置单元格的不同视觉方面。控件中应用到所有的列头上,使得它们具有统一的外观和风格。控件中重用这个样式,以保持单元格的一致外观。部分定义了一个触发器,当单元格的。属性指定了这个样式是针对。

愿你历尽千帆,归来仍是少年。 1332

EasyUI中datagrid的样式

EasyUI中,很多时候都要对datagrid的样式进行修改,例如大于24岁的行背景设置为红色;性别为男的列,字体设置为绿色;当行过长时,鼠标移动到行上时,显示该行全部内容;格式化显示时间等等需求。下面就来讲解一下,EasyUI中,怎么来实现上面的效果。 1、使用formatter列属性来对datagrid样式进行修改 1.1 对性别来进行控制 场景: 在程序中,很可能后台存放性别的,并不

牛奋lch 2万+

flex spark datagird 样式

如上图,是对datagrid的样式修改。包含:头部背景色及字体居中,单元格背景色设置,行字体颜色设置,复选框。基本都是基于渲染器的定义。1)头部背景色及字体居中:头部渲染器并没有直接的属性可用,需要自定义datagrid的皮肤。在自动生成的皮肤中,可以找到 <!--- Defines the value of the headerRenderer property for the columnHe

zhongyuan_1990的专栏 1643

表达式实现DataGird滚动而表头不动

CSS <style>.fixTitle{BACKGROUND:navy;COLOR:white;POSITION:relative;;TOP:expression(this.offsetParent.scrollTop)}.scorllDataGrid{OVERFLOW-Y:scroll...

weixin_34221112的博客 76

改变DataGird样式(转)

<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td height="15"></td></tr><tr><td><asp:DataGrid id="dtGridTeamUser" runat="ser...

weixin_30709929的博客 111

Avalonia中DataGird的使用

Avalonia中DataGrid的使用

qq_42003399的博客 1651

WPF之DataGird应用

注意点:.EditingElementStyle对应的TargetType为TextBox。GridLinesVisibility:DataGrid网格线是否显示或者显示的方式。注意点:ElementStyle对应的TargetType为TextBlock。HeaderStyle:此列头的样式。示例:使所有列表头内容居中。

lingxiao16888的博客 1670

WPF的Datagrid显示,样式(隔行换色)

主要写一些最近一段时间学习Wpf的显示 直接显示与.net中的gridview有些相似,直接把一个list扔入datagrid中就可以显示,都可以自动的把对象的属性加载到页面上。 MainWindow.xaml.cs public MainWindow() { InitializeComponent(); } ...

weixin_30338481的博客 91

DataGird

前台:<asp:DataGrid ID="DtGrd" runat="server" DataKeyField="ws_id" PageSize="10" GridLines="None" AutoGenerateColumns="false" OnItemCommand="DtGrd_ItemCommand" OnItemDataBound="DtGrd_ItemDataBound...

qq_43128070的博客 215

Jquery easyui之datagird查询框扩展

今天整理一下,本人对jquery easyui中的datagrid查询框的扩展的思路。 1、首先、在进行扩展的时候查询框封装的是一个表单,此表单中需要包含jquery eaysui的自定义的表单,如combobox、datebox、datetimebox等等。那么就需要定义一系列的jquery easyui的表单组件数组。在看过easyui源码之后,发现在datagrid中已经定义了这...

254

EasyUI数据表格(datagird)可编辑

<!--引入easyui的样式 --> <link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../themes/icon.css"> <!-- js文件 --> ...

ronybo的博客 3245

修改DataGrid控件的默认的分页样式

用DataGrid控件进行分页时,要么上一页,下一页,要么全是数字,做出后自己都看不过眼,更别提普通浏览者了。可是怎么改变一下呢?? 其实也不是很难,先看看DataGrid显示的是什么东东,这样可能会有点眉目。¢ 在DataGrid中,分页导航栏是用一行(TableRow)来表现出来,在这个行(TableRow)中,只有一个列(TableCell),我们所看到的所有的数字超链接按钮(...

weixin_30326741的博客 113
longmenxue
博客等级 码龄16年 0粉丝 0原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值