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. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Display data in Row format and row customization

Thread ID:





143173 Mar 7,2019 12:17 PM UTC Mar 20,2019 07:01 AM UTC UWP 5
Tags: SfDataGrid
Rohith Kunchamwar
Asked On March 7, 2019 12:17 PM UTC

Hi Team,

I want to display data in row manner. But, right now, it displays in column. Is there any direct property available to achieve this requirement?

Below are the list of requirements we have and kindly do the needful.


1. Display data in Row format.
2. Set Header to the rows and apply BackgroundColor (Black color in attached screenshot) to it.
3. Set BackgroundColor to particular row content only (Gray color in attached screenshot).

Please find the attached screenshot which explains all the required things.

Saravana Pandian M.

Attachment: GridReq_RowFormat_d55a82f4.zip

Deivaselvan Y [Syncfusion]
Replied On March 8, 2019 11:45 AM UTC

Hi Rohith,

Please refer the below articles to customize the RowHeader and set Background color to the specific row based on conditions.

Customize the RowHeader:

Apply Style to the specific row based on condition:

Please let us know if this helps you to achieve your requirement.


Rohith Kunchamwar
Replied On March 12, 2019 06:51 PM UTC

Hi Deivaselvan,

Thanks for the update. But, you forget to address my first query (Display data in Row format). Can you please update us with the sample which should contain all the three requirements which are said in my previous update ?

Once again, here I explain my requirement in detail.

I have three data collections (Color code, XValue, YValue). So, I want to bind these three collection and display it in three rows instead of displaying it in columns.

I also know that, using SfDataGrid, I can bind the values to GridTextColumn and display them in column format. But, here i need to display data in row format.

Note: Look into the attached screenshot (Previous update).

Saravana Pandian M.

Deivaselvan Y [Syncfusion]
Replied On March 13, 2019 12:38 PM UTC

Hi Rohith, 

We have analyzed your query to display data in row format and you can achieve this by customizing the style of SfDataGrid, GridCell and GridHeaderCellControl. Please refer to the below KB link for more details 

KB Link: 

Please let us know, if you need any further assistance on this. 


Rohith Kunchamwar
Replied On March 19, 2019 12:59 PM UTC

Hi Deivaselvan,

Thanks for the update. Now, we are able to display datagrid in row manner after we went through the provided KB article. But, right now we are facing an issue which is  UI alignment oriented.


I have a Grid (Framework control) view (Parent view) in which I render both the Syncfusion chart and datagrid (row manner) controls.
Now, I have hamburger menu. While clicking on this, a view will be opened from the left side and at the same time, we are adjusting the parent grid.
While adjusting the parent gird, chart control adjusts its content properly whereas datagrid adjusts its content improperly.

To resolve this issue, I would like to have a web meeting. Could you please arrange meeting by tommorrow 3PM IST.


Deivaselvan Y [Syncfusion]
Replied On March 20, 2019 07:01 AM UTC

Hi Rohith,

Thanks for the update.

We will be available for the web meeting on today as you requested. Meeting invitation will be share with you shortly in the incident which you created in your account for this issue. You can track that incident for the further follow-up.



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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

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

Live Chat Icon For mobile
Live Chat Icon