1. Home
  2. Forum
  3. Blazor
  4. Grid Style

Grid Style

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

6 Replies
BP Bernd Parchmann October 27, 2020 10:52 AM UTC

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


JP Jeevakanth Palaniappan Syncfusion Team October 28, 2020 02:14 PM UTC

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. 


 

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. 


BP Bernd Parchmann November 2, 2020 09:18 AM UTC

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:




JP Jeevakanth Palaniappan Syncfusion Team November 3, 2020 01:46 PM UTC

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. 


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. 


BP Bernd Parchmann November 5, 2020 04:04 PM UTC

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

JP Jeevakanth Palaniappan Syncfusion Team November 6, 2020 01:32 PM UTC

Hi Bernd, 

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

Regards, 
Jeevakanth SP. 


Loader.
Up arrow icon