Blazor Data Grid Display Issues when combining Data Grid Detail with Frozen Column

[Sorin]

Hello,

I'm working with the data grid and trying to use a combination of the Frozen Column and the Detail Template.

Individually these features work ok, but together the result is not good.

.   

.  

  .  . 

. 

Notice in (3)  the first column is too narrow. And when I open the detail, the frozen column does not expand to match the moveable side.

I attached the razor file with the code for the examples above.

The examples above are done with Syncfusion version 18.1 because 18.2 has other grid-related issues.

(https://www.syncfusion.com/forums/157227/strange-console-error-for-data-grid-after-upgrading-syncfusion-to-es-2020-volume-2)

Attachment: Index_Razor_Page_8f750201.zip

[Vignesh Natarajan]

Hi Sorin,  

 

Thanks for contacting Syncfusion support.  

 

Query: “Blazor Data Grid Display Issues when combining Data Grid Detail with Frozen Column” 

 

We have analyzed your query and we do not have support for Frozen Columns with DetailTemplate in DataGrid. Please find the below UG documentation on limitation of Frozen Column and Rows in Grid.  

 

https://blazor.syncfusion.com/documentation/datagrid/scrolling/#limitations  

 

Please get back to us if you have further queries.   

 

Regards, 

Vignesh Natarajan 

[Roberto Perdomo]

Hi,

This keeps happening.

I found a similar issue, using:

DetailTemplate > GridGroupSettings > CaptionTemplate

The grid puts spaces at the beginning and end of the grid detail row.

**Show image 1


Note:
Also, I added manually a grid group of a specific column, and I call the method: "await Grid.Refresh()"  ​

It helps me to solve temporary the issue, the problem continues when I remove the group.

**Show image 2 

[Prathap Senthil]

Hi Roberto,

We would like to clarify that Frozen feature is not supported with DetailTemplate. We have already documented this in the below UG section. Kindly check this documentation for additional information.

Reference: https://blazor.syncfusion.com/documentation/datagrid/scrolling#limitations

Regards,
Prathap S