Datagrid looks worser than simple blazor grid

1 Answer 72 Views
Grid
Djordje
Top achievements
Rank 1
Iron
Iron
Djordje asked on 11 Dec 2023, 09:42 PM

I made my first datagrid.  I created very simple code just to get some data and to show it in the grid. Result is unacceptable. I attached a .png file to explain what I mean.

Code looks like this:

@page "/brorg"

@using BezraSrv
@using BezraSrv.Models

<h3>Brorg</h3>

<TelerikGrid Class="grid"
             Data=@bRORG
             Sortable="true"
             FilterMode="GridFilterMode.FilterMenu"
             ScrollMode="GridScrollMode.Virtual"
             Height="480px" RowHeight="60"
             PageSize="10"
             Size="@ThemeConstants.Grid.Size.Small">
    <GridColumns>
        <GridColumn Field="@nameof(BezraSrv.Models.BRORG.ORGID)" Title="Org. id"></GridColumn>
        <GridColumn Field="@nameof(BezraSrv.Models.BRORG.NAZIV)" Title="Naziv"></GridColumn>
    </GridColumns>
</TelerikGrid>

<style>
    .width-100 {
        width: 100%;
    }
    .grid .k-grid-content tr {
        line-height: 32px;
    }
</style>

@code {
    [Inject]
    public DataService DataService { get; set; }

    protected IEnumerable<BezraSrv.Models.BRORG> bRORG;

    protected override async Task OnInitializedAsync()
    {
        bRORG = await DataService .GetBRORG();
    }
}

1 Answer, 1 is accepted

Sort by
0
Accepted
Djordje
Top achievements
Rank 1
Iron
Iron
answered on 12 Dec 2023, 09:21 AM

My bad. I missed to include

"_content/Telerik.UI.for.Blazor/css/kendo-theme-default/all.css"


Tags
Grid
Asked by
Djordje
Top achievements
Rank 1
Iron
Iron
Answers by
Djordje
Top achievements
Rank 1
Iron
Iron
Share this question
or