We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

customization of sfdata grid to remove lines

Thread ID:

Created:

Updated:

Platform:

Replies:

129902 Apr 8,2017 08:02 AM Apr 10,2017 07:51 AM UWP 1
loading
Tags: SfDataGrid
MURALI KRISHNA
Asked On April 8, 2017 08:02 AM

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 [Syncfusion]
Replied On April 10, 2017 07:51 AM

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 


Thanks, 
Shobika P 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;