Grid not showing

I am following the PragimTech tutorial on Blazor Web Assembly and when I try to run it with the Syncfusion Grid I get the following 

sfgridjsohl4jna2o_header_table

followed by my data, in plain text (no grid)

If I just use a table to display the data it all works fine. 

I am using a Community licence, and am pretty sure the code is OK

Any explanation of what is wrong, I presume the error text means something!


Attachment: People_29fcbd58.zip

1 Reply

VN Vignesh Natarajan Syncfusion Team December 29, 2021 06:22 AM UTC

Hi John,  
 
Thanks for contacting Syncfusion support.  
 
Query: “when I try to run it with the Syncfusion Grid I get the following sfgridjsohl4jna2o_header_table followed by my data, in plain text (no grid) If I just use a table to display the data it all works fine” 
 
From your query we understand that you are facing issue like below screenshot.  
 
 
 
The above issue will occur only when Syncfusion theme file is not referred properly in the project. So kindly ensure that you have referred the theme file in the Index.html file of Client Project. Also ensure that you have referred the correct embedded theme reference for specific NuGet reference.  
 
We have provided support to refer Individual package for specific components (Syncfusion.Blazor.Grids) or a consolidated package (Syncfusion.Blazor) for all Syncfusion Blazor components. Please find the theme file details from below  
 
NuGet package  
Embedded theme file details 
Syncfusion.Blazor (Consolidated) 
<link rel='nofollow' href="_content/Syncfusion.Blazor/styles/bootstrap4.css" rel="stylesheet" /> 
Syncfusion.Blazor.Grid (individual) 
<link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap4.css" rel="stylesheet" /> 
 
Please find the below sample for your reference.  
 
 
If you are still facing the reported issue, kindly get back to us with more details about the issue you are facing. It will be very helpful for us to validate the query further at our end.  
  
Regards, 
Vignesh Natarajan 
 


Loader.
Up arrow icon