WPF重写DataGrid去掉边框以及表头

    管理员 60 0

    请注意:阅读此篇默认知道如何添加style样式,萌新劝退

    重写样式代码如下

    <Style x:Key="DataGridHeader" TargetType="{x:Type DataGridColumnHeader}">
            <Setter Property="BorderThickness" Value="0,0,0,0" />
            <Setter Property="Margin" Value="0,0,0,12" />
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="Foreground" Value="#666363" />
            <Setter Property="FontSize" Value="12" />
            <Setter Property="BorderBrush">
                <!--  值  -->
                <Setter.Value>
                    <!--  色刷,Opacity:透明度  -->
                    <SolidColorBrush Opacity="0.1" Color="#fff" />
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="DataGridRowHeader" TargetType="{x:Type DataGridRowHeader}">
            <Setter Property="BorderThickness" Value="0,0,0,0" />
            <Setter Property="Width" Value="0" />
        </Style>
    

    DataGrid处调用

                <DataGrid
                        x:Name="DgExcelList"
                        HorizontalContentAlignment="Center"
                        VerticalContentAlignment="Center"
                        pu:DataGridHelper.UnitPadding="0,10,0,10"
                        pu:ScrollViewerHelper.ScrollBarThickness="5"
                        pu:ScrollViewerHelper.ThumbBrush="#960011FF"
                        BorderThickness="0"
                        CanUserAddRows="False"
                        ColumnHeaderStyle="{StaticResource ResourceKey=DataGridHeader}"
                        GridLinesVisibility="None"
                        ItemsSource="{Binding CheckHisDataList, Mode=TwoWay}"
                        RowHeaderStyle="{StaticResource ResourceKey=DataGridRowHeader}" />
    //GridLinesVisibility 边线无
    //BorderThickness 线条 无
    //VerticalContentAlignment 内容垂直居中
    //HorizontalContentAlignment  内容水平居中
    //ColumnHeaderStyle 引用样式表中的样式
    //RowHeaderStyle  引用样式表中的样式

    效果图如下:



    Image

    赞一个呗 2

    该篇文章所属“长情猫”原创所有,转载请注明本文链接

    已有 0 条评论