We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
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 = "anowak@gmail.com",
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 = "aRutkowski@gmail.com",
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 = "mCegla@gmail.com",
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?
