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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

customization of sfdata grid to remove lines

Thread ID:

Created:

Updated:

Platform:

Replies:

129902 Apr 8,2017 12:02 PM UTC Apr 10,2017 11:51 AM UTC UWP 1
loading
Tags: SfDataGrid
MURALI KRISHNA
Asked On April 8, 2017 12:02 PM UTC

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 11:51 AM UTC

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.

Warning Icon 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.Close Icon

;