虚线水平网格线在WPF的DataGrid虚线、网格、水平、DataGrid

2023-09-06 19:13:30 作者：∑gray°鱼ル

有没有一种方法，以对在WPF数据网格的水平网格线虚线？我用Google搜索无处不在，似乎无法找到这样做的具体办法。一个解决方案可以解决该是设置Datagrid.RowStyle。我曾尝试这样做，它会导致错误。我已经绑定我的DataGrid到数据表。 2列只是文字和第三的是image列。对于此专栏中，我用DataGridTemplateColumn。文本块和图像。我希望你能帮助我的人......如果你想要我的code样品在这儿呢。

 ＆LT; StackPanel的＆GT;
                ＆LT; DG：DataGrid的名称=questionList
                             HeadersVisibility =无
                             的AutoGenerateColumns =FALSE
                             背景=白
                             保证金=42,32,43,0
                             了borderThickness =0
                             GridLinesVisibility =水平
                             CanUserAddRows =假
                             HorizontalGridLinesBrush =＃FFCCCCCC
                             =了maxHeight549
                             光标=手
                             previewMouseLeftButtonUp =questionnaireList_ previewMouseLeftButtonUp＆GT;
                    ＆LT; DG：DataGrid.CellStyle＆GT;
                        ＆LT;风格的TargetType ={X：DG型：DataGridCell}＆GT;
                            ＆LT; setter属性=了borderThickness值=0/＆GT;
                        ＆LT; /样式和GT;
                    ＆LT; / DG：DataGrid.CellStyle＆GT;
                    ＆LT; DG：DataGrid.RowStyle＆GT;
                        ＆LT;风格的TargetType ={X：DG型：DataGridRow}＆GT;
                            ＆LT; setter属性=背景VALUE ={结合MYIMAGE，转换器= {X：静态我：StatusColorConverter.instance}}/＆GT;
                        ＆LT; /样式和GT;
                    ＆LT; / DG：DataGrid.RowStyle＆GT;
                    ＆LT; DG：DataGrid.Columns＆GT;
                        ＆LT; DG：DataGridTemplateColumn WIDTH =69 *＆GT;
                            ＆LT; DG：DataGridTemplateColumn.CellTemplate＆GT;
                                ＆LT;的DataTemplate＆GT;
                                    ＆LT; TextBlock的保证金=12,16,0,17
                                               字号=18
                                               前景=＃0891F1
                                               文本={绑定路径=号}
                                               TextWrapping =自动换行/＆GT;
                                ＆LT; / DataTemplate中＆GT;
                            ＆LT; / DG：DataGridTemplateColumn.CellTemplate＆GT;
                        ＆LT; / DG：DataGridTemplateColumn＆GT;
                        ＆所述; DG：DataGridTemplateColumn宽度=601 *＆GT;
                            ＆LT; DG：DataGridTemplateColumn.CellTemplate＆GT;
                                ＆LT;的DataTemplate＆GT;
                                    ＆LT; TextBlock的字号=16前景=＃666666
                                               文本={绑定路径=说明}
                                               TextWrapping =自动换行
                                               TextAlignment =对齐
                                               保证金=0,16,0,17/＆GT;
                                ＆LT; / DataTemplate中＆GT;
                            ＆LT; / DG：DataGridTemplateColumn.CellTemplate＆GT;
                        ＆LT; / DG：DataGridTemplateColumn＆GT;
                        ＆LT; DG：DataGridTemplateColumn WIDTH =117 *＆GT;
                            ＆LT; DG：DataGridTemplateColumn.CellTemplate＆GT;
                                ＆LT;的DataTemplate＆GT;
                                    ＆lt;图像源={绑定路径= IMGS}
                                           拉伸=无
                                           VerticalAlignment =热门
                                           的HorizontalAlignment =右
                                           保证金=0,16,18,17/＆GT;
                                ＆LT; / DataTemplate中＆GT;
                            ＆LT; / DG：DataGridTemplateColumn.CellTemplate＆GT;
                        ＆LT; / DG：DataGridTemplateColumn＆GT;
                    ＆LT; / DG：DataGrid.Columns＆GT;
                ＆LT; / DG：数据网格＆GT;
            ＆LT; / StackPanel的＆GT;

解决方案

您可以禁用这些通过指定 GridLinesVisibility =垂直在的DataGrid 。然后，您可以重新模板 DataGridRow ，并在每行的末尾添加虚线



是这样的：

  

 ＆LT;数据网格GridLinesVisibility =垂直＆GT;
    ＆LT; DataGrid.RowStyle＆GT;
        ＆LT;风格的TargetType =DataGridRow＆GT;
            ＆LT; setter属性=模板＆GT;
                ＆LT; Setter.Value＆GT;
                    ＆LT;的ControlTemplate的TargetType ={X：类型DataGridRow}＆GT;
                        ＆LT; BORDER X：名称=DGR_BorderBorderBrush ={TemplateBinding BorderBrush}了borderThickness ={TemplateBinding了borderThickness}背景={TemplateBinding背景}SnapsToDevicePixels =真＆GT;
                            ＆LT; SelectiveScrollingGrid＆GT;
                                ＆LT; SelectiveScrollingGrid.ColumnDefinitions＆GT;
                                    ＆LT; ColumnDefinition宽度=自动/＆GT;
                                    ＆所述; ColumnDefinition宽度=*/＆GT;
                                ＆LT; /SelectiveScrollingGrid.ColumnDefinitions>
                                ＆LT; SelectiveScrollingGrid.RowDefinitions＆GT;
                                    ＆LT; RowDefinition身高=*/＆GT;
                                    ＆LT; RowDefinition高度=自动/＆GT;
                                    ＆LT; RowDefinition高度=自动/＆GT;
                                ＆LT; /SelectiveScrollingGrid.RowDefinitions>
                                ＆所述; DataGridCells presenter Grid.Column =1ItemsPanel ={TemplateBinding ItemsPanel}SnapsToDevicePixels ={TemplateBinding SnapsToDevicePixels}/＆GT;
                                ＆所述; DataGridDetails presenter Grid.Column =1Grid.Row =1SelectiveScrollingGrid.SelectiveScrollingOrientation ={结合AreRowDetailsFrozen，ConverterParameter = {X：静态SelectiveScrollingOrientation.Vertical}，转换器= {X：静态DataGrid.RowDetailsScrollingConverter }的RelativeSource = {的RelativeSource AncestorType = {X：类型的DataGrid}}}能见度={TemplateBinding DetailsVisibility}/＆GT;
                                ＆LT; DataGridRowHeader Grid.RowSpan =2SelectiveScrollingGrid.SelectiveScrollingOrientation =垂直能见度={结合HeadersVisibility，ConverterParameter = {X：静态DataGridHeadersVisibility.Row}，转换器= {X：静态DataGrid.HeadersVisibilityConverter}的RelativeSource = {的RelativeSource AncestorType = {X：类型的DataGrid}}}/＆GT;
                                ＆其中;路径Grid.Row =2Grid.ColumnSpan =2
                                      数据=M0,0.5 L1,0.5
                                      拉伸=填充行程=黑StrokeThickness =1
                                      StrokeDashArray =1.0 2.0/＆GT;
                            ＆LT; / SelectiveScrollingGrid＆GT;
                        ＆LT; /边框＆GT;
                    ＆LT; /控件模板＆GT;
                ＆LT; /Setter.Value>
            ＆LT; /二传手＆GT;
        ＆LT; /样式和GT;
    ＆LT; /DataGrid.RowStyle>
    ＆LT;  - ！...  - ＆GT;
＆LT; /数据网格＆GT;
 



 编辑：以下是模板为3.5 的DataGrid 在工具箱

 ＆LT;自定义：数据网格GridLinesVisibility =垂直＆GT;
    ＆LT;自定义：DataGrid.RowStyle＆GT;
        ＆LT;风格的TargetType =自定义：DataGridRow＆GT;
            ＆LT; setter属性=模板＆GT;
                ＆LT; Setter.Value＆GT;
                    ＆LT;的ControlTemplate的TargetType ={X：定制类型：DataGridRow}＆GT;
                        ＆LT; BORDER X：名称=DGR_BorderBorderBrush ={TemplateBinding BorderBrush}了borderThickness ={TemplateBinding了borderThickness}背景={TemplateBinding背景}SnapsToDevicePixels =真＆GT;
                            ＆LT;自定义：SelectiveScrollingGrid＆GT;
                                ＆LT;自定义：SelectiveScrollingGrid.ColumnDefinitions＆GT;
                                    ＆LT; ColumnDefinition宽度=自动/＆GT;
                                    ＆所述; ColumnDefinition宽度=*/＆GT;
                                ＆LT; /自定义：SelectiveScrollingGrid.ColumnDefinitions＆GT;
                                ＆LT;自定义：SelectiveScrollingGrid.RowDefinitions＆GT;
                                    ＆LT; RowDefinition身高=*/＆GT;
                                    ＆LT; RowDefinition高度=自动/＆GT;
                                    ＆LT; RowDefinition高度=自动/＆GT;
                                ＆LT; /自定义：SelectiveScrollingGrid.RowDefinitions＆GT;
                                ＆所述;自定义：DataGridCells presenter Grid.Column =1ItemsPanel ={TemplateBinding ItemsPanel}SnapsToDevicePixels ={TemplateBinding SnapsToDevicePixels}/＆GT;
                                ＆所述;自定义：DataGridDetails presenter Grid.Column =1Grid.Row =1能见度={TemplateBinding DetailsVisibility}＆GT;
                                    ＆LT;自定义：SelectiveScrollingGrid.SelectiveScrollingOrientation＆GT;
                                        ＆LT;绑定路径=AreRowDetailsFrozen的RelativeSource ={的RelativeSource FindAncestor，AncestorLevel = 1，AncestorType = {X：定制类型：数据网格}}＆GT;
                                            ＆LT; Binding.ConverterParameter＆GT;
                                                ＆LT;自定义：SelectiveScrollingOrientation＆GT;垂直＆LT; /自定义：SelectiveScrollingOrientation＆GT;
                                            ＆LT; /Binding.ConverterParameter>
                                        ＆LT; /装订＆GT;
                                    ＆LT; /自定义：SelectiveScrollingGrid.SelectiveScrollingOrientation＆GT;
                                ＆LT; /自定义：DataGridDetails presenter＆GT;
                                ＆LT;自定义：DataGridRowHeader Grid.RowSpan =2自定义：SelectiveScrollingGrid.SelectiveScrollingOrientation =垂直＆GT;
                                    ＆LT;自定义：DataGridRowHeader.Visibility＆GT;
                                        ＆LT;绑定路径=HeadersVisibility的RelativeSource ={的RelativeSource FindAncestor，AncestorLevel = 1，AncestorType = {X：定制类型：数据网格}}＆GT;
                                            ＆LT; Binding.ConverterParameter＆GT;
                                                ＆LT;自定义：DataGridHeadersVisibility＆GT;行＆LT; /自定义：DataGridHeadersVisibility＆GT;
                                            ＆LT; /Binding.ConverterParameter>
                                        ＆LT; /装订＆GT;
                                    ＆LT; /自定义：DataGridRowHeader.Visibility＆GT;
                                ＆LT; /自定义：DataGridRowHeader＆GT;
                                ＆其中;路径Grid.Row =2Grid.ColumnSpan =2
                                      数据=M0,0.5 L1,0.5
                                      拉伸=填充行程=黑StrokeThickness =1
                                      StrokeDashArray =1.0 2.0/＆GT;
                            ＆LT; /自定义：SelectiveScrollingGrid＆GT;
                        ＆LT; /边框＆GT;
                    ＆LT; /控件模板＆GT;
                ＆LT; /Setter.Value>
            ＆LT; /二传手＆GT;
        ＆LT; /样式和GT;
    ＆LT; /自定义：DataGrid.RowStyle＆GT;
    ＆LT;  - ！...  - ＆GT;
＆LT; /自定义：数据网格＆GT;
 
Is there a way to have a dotted line on the horizontal grid lines in WPF datagrid? I have googled everywhere and cannot seem to find a concrete way of doing so. One solution that may solve this is setting the Datagrid.RowStyle. I have tried this and it causes error. I have binded my datagrid to a datatable. 2 columns are just text and the 3rd one is an image column.  For this columns, I used DataGridTemplateColumn. Textblock and Image. I hope you can help me guys...If you want a sample of my code here it is.
 <StackPanel>
                <dg:DataGrid Name="questionList"
                             HeadersVisibility="None"
                             AutoGenerateColumns="False"
                             Background="White"
                             Margin="42,32,43,0"
                             BorderThickness="0" 
                             GridLinesVisibility="Horizontal"
                             CanUserAddRows="False" 
                             HorizontalGridLinesBrush="#FFCCCCCC" 
                             MaxHeight="549" 
                             Cursor="Hand" 
                             PreviewMouseLeftButtonUp="questionnaireList_PreviewMouseLeftButtonUp">
                    <dg:DataGrid.CellStyle>
                        <Style TargetType="{x:Type dg:DataGridCell}">
                            <Setter Property="BorderThickness" Value="0"/>
                        </Style>
                    </dg:DataGrid.CellStyle>
                    <dg:DataGrid.RowStyle>
                        <Style TargetType="{x:Type dg:DataGridRow}">
                            <Setter Property="Background" Value="{Binding MyImage, Converter={x:Static my:StatusColorConverter.instance}}" />
                        </Style>
                    </dg:DataGrid.RowStyle>
                    <dg:DataGrid.Columns>
                        <dg:DataGridTemplateColumn Width="69*">
                            <dg:DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <TextBlock Margin="12,16,0,17" 
                                               FontSize="18" 
                                               Foreground="#0891F1" 
                                               Text="{Binding Path=Number}" 
                                               TextWrapping="Wrap"/>
                                </DataTemplate>
                            </dg:DataGridTemplateColumn.CellTemplate>
                        </dg:DataGridTemplateColumn>
                        <dg:DataGridTemplateColumn Width="601*">
                            <dg:DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <TextBlock FontSize="16" Foreground="#666666"
                                               Text="{Binding Path=Desc}"
                                               TextWrapping="Wrap"
                                               TextAlignment="Justify"
                                               Margin="0,16,0,17" />
                                </DataTemplate>
                            </dg:DataGridTemplateColumn.CellTemplate>
                        </dg:DataGridTemplateColumn>
                        <dg:DataGridTemplateColumn Width="117*">
                            <dg:DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                    <Image Source="{Binding Path=Imgs}" 
                                           Stretch="None" 
                                           VerticalAlignment="Top" 
                                           HorizontalAlignment="Right" 
                                           Margin="0,16,18,17" />
                                </DataTemplate>
                            </dg:DataGridTemplateColumn.CellTemplate>
                        </dg:DataGridTemplateColumn>
                    </dg:DataGrid.Columns>
                </dg:DataGrid>
            </StackPanel>

 解决方案 You can disable the Horizontal Grid Lines which are drawn in code by specifying GridLinesVisibility="Vertical" in the DataGrid. You could then re-template DataGridRow and add the dashed line at the end of each row

Looks like this:

<DataGrid GridLinesVisibility="Vertical">
    <DataGrid.RowStyle>
        <Style TargetType="DataGridRow">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type DataGridRow}">
                        <Border x:Name="DGR_Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                            <SelectiveScrollingGrid>
                                <SelectiveScrollingGrid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                </SelectiveScrollingGrid.ColumnDefinitions>
                                <SelectiveScrollingGrid.RowDefinitions>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="Auto"/>
                                </SelectiveScrollingGrid.RowDefinitions>
                                <DataGridCellsPresenter Grid.Column="1" ItemsPanel="{TemplateBinding ItemsPanel}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                                <DataGridDetailsPresenter Grid.Column="1" Grid.Row="1" SelectiveScrollingGrid.SelectiveScrollingOrientation="{Binding AreRowDetailsFrozen, ConverterParameter={x:Static SelectiveScrollingOrientation.Vertical}, Converter={x:Static DataGrid.RowDetailsScrollingConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}" Visibility="{TemplateBinding DetailsVisibility}"/>
                                <DataGridRowHeader Grid.RowSpan="2" SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical" Visibility="{Binding HeadersVisibility, ConverterParameter={x:Static DataGridHeadersVisibility.Row}, Converter={x:Static DataGrid.HeadersVisibilityConverter}, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
                                <Path Grid.Row="2" Grid.ColumnSpan="2"
                                      Data="M0,0.5 L1,0.5"
                                      Stretch="Fill" Stroke="Black" StrokeThickness="1"
                                      StrokeDashArray="1.0 2.0"/>
                            </SelectiveScrollingGrid>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </DataGrid.RowStyle>
    <!-- ... -->
</DataGrid>
Edit: Here is the Template for the 3.5 DataGrid in the toolkit
<Custom:DataGrid GridLinesVisibility="Vertical">
    <Custom:DataGrid.RowStyle>
        <Style TargetType="Custom:DataGridRow">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Custom:DataGridRow}">
                        <Border x:Name="DGR_Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                            <Custom:SelectiveScrollingGrid>
                                <Custom:SelectiveScrollingGrid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                </Custom:SelectiveScrollingGrid.ColumnDefinitions>
                                <Custom:SelectiveScrollingGrid.RowDefinitions>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="Auto"/>
                                </Custom:SelectiveScrollingGrid.RowDefinitions>
                                <Custom:DataGridCellsPresenter Grid.Column="1" ItemsPanel="{TemplateBinding ItemsPanel}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                                <Custom:DataGridDetailsPresenter Grid.Column="1" Grid.Row="1" Visibility="{TemplateBinding DetailsVisibility}">
                                    <Custom:SelectiveScrollingGrid.SelectiveScrollingOrientation>
                                        <Binding Path="AreRowDetailsFrozen" RelativeSource="{RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type Custom:DataGrid}}">
                                            <Binding.ConverterParameter>
                                                <Custom:SelectiveScrollingOrientation>Vertical</Custom:SelectiveScrollingOrientation>
                                            </Binding.ConverterParameter>
                                        </Binding>
                                    </Custom:SelectiveScrollingGrid.SelectiveScrollingOrientation>
                                </Custom:DataGridDetailsPresenter>
                                <Custom:DataGridRowHeader Grid.RowSpan="2" Custom:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">
                                    <Custom:DataGridRowHeader.Visibility>
                                        <Binding Path="HeadersVisibility" RelativeSource="{RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type Custom:DataGrid}}">
                                            <Binding.ConverterParameter>
                                                <Custom:DataGridHeadersVisibility>Row</Custom:DataGridHeadersVisibility>
                                            </Binding.ConverterParameter>
                                        </Binding>
                                    </Custom:DataGridRowHeader.Visibility>
                                </Custom:DataGridRowHeader>
                                <Path Grid.Row="2" Grid.ColumnSpan="2"
                                      Data="M0,0.5 L1,0.5"
                                      Stretch="Fill" Stroke="Black" StrokeThickness="1"
                                      StrokeDashArray="1.0 2.0"/>
                            </Custom:SelectiveScrollingGrid>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Custom:DataGrid.RowStyle>
    <!-- ... -->
</Custom:DataGrid>



                
                
                                    上一篇：希望只安装了应用程序后，一旦显示一个对话框对话框、应用程序、安装了
                                                            下一篇：Android的：如何从网上下载的二进制文件二进制文件、网上、Android
                                    

                
                
                    
                        相关推荐
                       
                    
                  

                    
什么是克隆在WPF中的TabItem最简单的方法？最简单、方法
如何显示在WPF的格式化的HTML控制比WebBrowser控件等？
在一个datagridview中显示父数据表并在另一个中显示子
滚动多个水平RecyclerView在一起多个、水平、Recycler
WPF + MVVM + RadioButton:处理具有单个属性的绑定绑
DataGridViewButtonColumn启用按钮结合布尔字段布尔、
显式设置WPF绑定数据类型绑定、数据类型、WPF
巴顿甚至在WPF提供CommandParameter后没有启用巴顿、W
如何使自定义DataGridViewComboBox只依赖于它的DataGr
Plotly:如何为 x 轴上的时间序列设置主要刻度线/网格
				   
                

                


    
        
                  

        
        
                  

          

             
        
    
    
                  

    


                
                
                    
                        猜您喜欢
                    
                    
					 
								
								钟睒睒成为中国新首富（图）
							
						
                        
   IIS  - 使用窗体身份验证来建立广告会议AD身份验证身份验证、窗
     通知ViewPager它采用FragmentPagerAdapter通知、ViewPager、Frag
     我需要这一领域的挥发？这一、领域
     如何让SLACK API BLOCK套件占据整个SLACK窗口的宽度？套件、宽度、
     净正则表达式：什么是单词字符\ W？单词、字符、正则表达式
     蛋挞的家庭做法 在家怎么做蛋挞_蛋挞的做法家庭做法
                                                      
                                        

                
                
                
                
                    
                        精彩图集
                     
                    
                       
                    宇宙这么大，那么宇宙之外的是什么?会有什
                        
                    浩瀚宇宙有多大:宇宙到底有多大呢？是无边
                        
                    地球和仙女座的距离，我们来计算一下有多少
                        
                    磁星是宇宙中的贵族，至今仅发现20余颗，其磁
                        
                    感受一下白垩纪著名的恐龙灭绝事件，一代地
                        
                    物种演化离不开自然法则，但早已克服生存困
                        
                    人类在其他星球都能跳跃多少高度呢？接下来



            
            

    
    
        


   
    
        精彩推荐
        
        
 
 
    

    
        
 
 
    
    
        图片推荐
        
            
                    
                    夫君去外省处事后跟奶奶通话 挂断后再启
                
                    
                    无人机航拍贵州深山创造绝壁上有栋楼 靠