【问题标题】:WPF datagrid templateWPF 数据网格模板
【发布时间】:2010-05-20 13:03:08
【问题描述】:

我想让 WPF 数据网格看起来类似于下图中的 HTML 网格:

http://img443.imageshack.us/img443/2563/saltoftheearth.jpg

有没有人知道一个简单的方法来做到这一点?

问候,

【问题讨论】:

  • 您是否尝试过设置 DataGrid 的任何属性,例如背景等?你知道 VS 有一个对象浏览器和智能感知,这样你就可以看到所有的属性,对吧?

标签: wpf datagrid styles


【解决方案1】:

我设法使用资源文件中的以下代码使其看起来像这样 (http://img697.imageshack.us/img697/9417/failedwpfdatagridstylin.jpg)。但是,它看起来仍然不像 HTML 对应物(http://img443.imageshack.us/img443/2563/saltoftheearth.jpg)......它有很多边框......关于如何使这个 WPF 数据网格看起来更好的任何想法?

值="12" />

<Style x:Key="DataGridCellStyle" TargetType="{x:Type my:DataGridCell}" >
    <Setter Property="FontFamily" 
            Value="Tahoma" />
    <Setter Property="FontSize"   
            Value="12" />
    <Style.Triggers>
        <Trigger Property="IsSelected"    Value="True">
            <Setter Property="Background" Value="White"/>
            <Setter Property="Foreground" Value="Black"/>
            <Setter Property="BorderBrush" Value="Transparent" />
        </Trigger>
    </Style.Triggers>
</Style>

<Style x:Key="DataGridStyle" 
       TargetType="{x:Type my:DataGrid}" >
    <Setter Property="RowHeaderWidth" 
            Value="0" />
    <Setter Property="HorizontalAlignment" 
            Value="Left" />
    <Setter Property="SelectionUnit" 
            Value="Cell" />
    <Setter Property="SelectionMode" 
            Value="Single" />
    <Setter Property="AutoGenerateColumns" 
            Value="false" />
    <Setter Property="CanUserAddRows" 
            Value="False" />
    <Setter Property="CanUserDeleteRows" 
            Value="False" />
    <Setter Property="CanUserResizeRows" 
            Value="False" />
    <Setter Property="CanUserResizeColumns" 
            Value="False" />
    <Setter Property="CanUserSortColumns" 
            Value="True" />
    <Setter Property="CanUserReorderColumns" 
            Value="False" />
    <Setter Property="IsReadOnly"
            Value="True" />
</Style>

【讨论】:

    【解决方案2】:

    你可以看这里,C# Corner,那里有很多有用的教程,我很确定你可以找到它,比如this one

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-04-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-07-21
      • 1970-01-01
      相关资源
      最近更新 更多