Syncfusion Blazor Grid not loading correctly
Hello,
Im trying to create a project using Syncfusion.Blazror.Grid NuGet package (20.3.0.49). I have created a simple table that should be displayed in gridcolumns.
@page "/"
@using TheContactList.Shared
@using Syncfusion.Blazor.Grids
<SfGrid DataSource="@Contacts">
<GridColumns>
<GridColumn Field=@nameof(Contact.ContactId) HeaderText="ID"></GridColumn>
<GridColumn Field=@nameof(Contact.FirstName) HeaderText="Imię"></GridColumn>
<GridColumn Field=@nameof(Contact.LastName) HeaderText="Nazwisko"></GridColumn>
<GridColumn Field=@nameof(Contact.Email) HeaderText="Email"></GridColumn>
</GridColumns>
</SfGrid>
@code{
public List<Contact> Contacts { get; set; }
protected override void OnInitialized()
{
Contacts = LoadData();
}
private List<Contact> LoadData()
{
//Dodaje paru pracowników w ramach testu
Contact c1 = new Contact
{
ContactId = 1,
FirstName = "Anna",
LastName = "Nowak",
Email = "[email protected]",
Password = "sfsfgg",
DateOfBirth = new DateTime(2003, 07, 10),
CategoryType = 1,
PhotoPath = "images/anna.png",
PhoneNumber = 546645123
};
Contact c2 = new Contact
{
ContactId = 2,
FirstName = "Adrian",
LastName = "Rutkowski",
Email = "[email protected]",
Password="wefwef",
DateOfBirth = new DateTime(2001, 10, 18),
CategoryType = 2,
PhotoPath = "images/adi.png",
PhoneNumber = 32245671
};
Contact c3 = new Contact
{
ContactId = 3,
FirstName = "Mikołaj",
LastName = "Cegła",
Email = "[email protected]",
DateOfBirth = new DateTime(2003, 07, 10),
CategoryType = 1,
PhotoPath = "images/mickey.png",
PhoneNumber = 566788111
};
return new List<Contact> { c1, c2, c3 };
}
}
However when i fire up the project it displays like this:
As you can see the GridColumn has failed to load. I already tried installing the full Sf Blazor package and added
<link rel='nofollow' href="_content/Syncfusion.Blazor.Themes/bootstrap4.css" rel="stylesheet" /> to wwwroot/index.html. What else can i do to solve this problem?
