Grid Style

[Bernd Parchmann]

Hello,

I am using the SfGrid in a WebAssembly project. Syncfusion version 18.3.42 and downloaded/generated CRG 18.3.35. Both with Bootstrap4 style.

The problem is complicated to descripe. So here is the screenshot:

Here is the simple code that occuring the problem:

@page "/test2"

@using Syncfusion.Blazor.Grids

@using Client.ViewModel 

<div style="margin:50px;background-color:black;">

   <SfGrid TValue="HiCoSwc" DataSource="@test"  AllowPaging="true" ShowColumnMenu="true" AllowFiltering="true" AllowGrouping="true" AllowSorting="true" AllowReordering="true" AllowResizing="true" >

      <GridColumns>

         <GridColumn Field="Name" HeaderText="Test Name" />

      </GridColumns>

   </SfGrid>

</div>

@code {

   List<HiCoSwc> test = new List<HiCoSwc>() { new HiCoSwc() { Name = "hallo" }, new HiCoSwc() { Name = "conti" } };

}

Problem is that the marked area extending the size of the Grid and the div around the Grid shows the vertical scrollbars unnecessaryly.

BTW: Same problem with SfTreeGrid

Hope you can help me!

Best regards,

Bernd

[Bernd Parchmann]

In another component I got this behavior at the bottom, too:

[Jeevakanth Palaniappan]

Hi Bernd, 

Greetings from Syncfusion sypport. 

We have validated your query based on the provided information but we are unable to reproduce the reported problem at our end. We have attached the validated sample and the screenshot below for your reference. 

Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/ClientApp-1682468814  

 

CRG script/styles downloaded location - https://blazor.syncfusion.com/crg  

  

Followed below steps to download the crg script/styles 

1. Selected Grid Component
2. Selected Minified
3. Selected Bootstrap 4 theme then clicked on generate

If you are still facing the issue kindly reproduce the issue in the provided sample or share us the issue reproducing sample. Also share the screenshot of the issue you are facing with the tree grid component. 

Regards, 

Jeevakanth SP. 

[Bernd Parchmann]

Hi Jeevakanth,

thx for the reply!

Already done the steps you suggested! Unfortunately I cannot remember exactly since this problem occurs. But I think with release 18.3.x.

• I tested with CRG downloaded version and the "normal" way
• Added code to Startup.cs (service.AddSyncfusionBlazor(); also tested with true parameter).
• Tested with multiple versions 18.3.x
• Tested without any css styles in a blank component

Here is the screenshot of the SfTreeGrid with the same problem:

[Jeevakanth Palaniappan]

Hi Bernd, 

We have tested again by downloading script/styles from crg by choosing grid and treegrid components. But still we are unable to reproduce the reported problem. We have attached the validated sample below. 

Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/ClientApp1663341219  

To proceed further kindly share us the below details, 

1. Share us a video demonstration of downloading the crg and referring the same in the above provided sample and share us the same sample, so that we will validate the issue from this.
2. Share us the simple issue reproducing sample.

The above requested details will be helpful for us to validate the issue and provide you with a better solution as early as possible. 

Regards, 

Jeevakanth SP. 

[Bernd Parchmann]

Hi!

I think it could be the same problem I have with this (and others): https://www.syncfusion.com/forums/159318/

In January we want to upgrade the Blazor WebAssembly version to .net5.0! I hope/think that the problems will be gone then ;)

[Jeevakanth Palaniappan]

Hi Bernd, 

Thanks for the information. Please get back to us if you need any further assistance. 

Regards, 

Jeevakanth SP.