customization of sfdata grid to remove lines

[MURALI KRISHNA]

Hi ,

      I want to know how to customize the sfdatagrid to show the grid without any horizontal or vertical lines . please give me solution.

Thanks In advance.

[Shobika Palani]

Hi Murali, 

Thank you for contact Syncfusion support. 

We have checked your query and  you can achieve your requirement by apply styles for different cells, to remove the horizontal and vertical lines in SfDataGrid as like below code example. 

Code Example: 

        <Style TargetType="syncfusion:GridCell"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

        <Style TargetType="syncfusion:GridHeaderCellControl"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

        <Style TargetType="syncfusion:GridIndentCell"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

        <Style TargetType="syncfusion:GridHeaderIndentCell"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

       <Style TargetType="syncfusion:GridCaptionSummaryCell"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

        <Style TargetType="syncfusion:GridTableSummaryCell"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

        <Style TargetType="syncfusion:TableSummaryRowControl"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

        <Style TargetType="syncfusion:GridGroupSummaryCell"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

        <Style TargetType="syncfusion:GridRowHeaderCell"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

        <Style TargetType="syncfusion:GridRowHeaderIndentCell"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

        <Style TargetType="syncfusion:GridStackedHeaderCellControl"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

        <Style TargetType="syncfusion:GridExpanderCellControl"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

 

        <Style TargetType="syncfusion:GridUnBoundRowCell"> 

            <Setter Property="BorderBrush" Value="Transparent"/> 

        </Style> 

We have prepared sample based on this and please find the sample location below 

http://www.syncfusion.com/downloads/support/directtrac/general/ze/SfDataGrid_Sample1798332318.zip 

Thanks, 

Shobika P