Display data in Row format and row customization

[Rohith Kunchamwar]

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.

Requirements:

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.

Regards,

Saravana Pandian M.

Attachment: GridReq_RowFormat_d55a82f4.zip

[Deivaselvan Y]

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:
https://www.syncfusion.com/kb/5522/how-to-display-rowindex-at-rowheadercell-in-sfdatagrid
https://www.syncfusion.com/kb/3114/how-to-change-the-background-of-the-rowheader-based-on-the-business-logic

Apply Style to the specific row based on condition:
https://help.syncfusion.com/wpf/sfdatagrid/conditional-styling#rows

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

Regards,
Deivaselvan 

[Rohith Kunchamwar]

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).

Thanks,

Saravana Pandian M.

[Deivaselvan Y]

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: 

https://www.syncfusion.com/kb/2606/how-to-change-the-orientation-rotating-of-sfdatagrid  

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

Regards, 

Deivaselvan 

[Rohith Kunchamwar]

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.

Scenario:

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.

Thanks,

Rohith

[Deivaselvan Y]

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.

Regards,
Deivaselvan