When a grid is hidden when it is loaded, the expand button for a template is squished.

[Eric Petersen]

When I load a DataGrid and it is not hidden it looks like:

However, if the same grid is hidden when it loads it looks like:

These are both the same ASP.NET Core helper tags <ejs-grid detailTemplate="#someDetailTemplate>

I have found where the styling happens, but not why or an clean solution to fix it.
Working:

Not-working:

[Rajapandiyan Settu]

Hi Eric, 

Thanks for contacting Syncfusion support.

By default, we are not supposed to render the Grid component when the element is in hidden state. If the element is in hidden state, then height, styling, etc., are not properly bound to the Grid component.

So, we suggest you to render the Grid component once the element is in the visible state.

Still, if you face any issues, kindly share the complete code files or share the issue reproducible sample to validate further.

Regards, 

Rajapandiyan S