[Blazor Components] Rows numbering in DataGrid

Radzen Studio Blazor Server
1

Hi Guys,
Will you suggest how to do rows numbering in datagrid, based on the List?
Something like this:

<RadzenLabel Text="@((addresses.Value.IndexOf(address)+1).ToString())" Placeholder="LP"/>

2

Hi @mac,

You can use a column with its Template set similar to your code.

3

The problem is that each row has the number of the clicked row .
Of course, I would like to receive successively numbered rows (1,2,3....).

  <StatusBarComponent StatusBar="statusBar"></StatusBarComponent>

    <RadzenGrid @ref="addressGrid" AllowFiltering="true" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"
                 AllowPaging="true" PageSize="40" AllowSorting="true" Data="@addresses.Value" TItem="Address" RowSelect="@(args => address = args)" RowDoubleClick="@UpdateAddressByModal" RowUpdate="@OnUpdateRowAsync" ColumnWidth="100%">

        <Columns>

            <RadzenGridColumn TItem="Address" Title="Lp">
                <Template>
                    <RadzenLabel Text="@((addresses.Value.IndexOf(address) + 1).ToString())" Placeholder="LP"/>
                </Template>
            </RadzenGridColumn>

...

image
image1901Ɨ775 108 KB

4

You should use context to access current data item in the DataGrid column Template.

5

Thank You :slight_smile:

 <RadzenGridColumn TItem="Address" Title="Lp">
                <Template Context="address" >
                    <RadzenLabel Text="@((addresses.Value.IndexOf(address) + 1).ToString())"  Placeholder="LP"/>
                </Template>
            </RadzenGridColumn>

image

6

How can i display a row number which is not dependent on the data i.e i want to see 1,2,3,4,5,6 because if it depends on the data it gets all messed up(out of order) when you sort by a column,

7

Hi
what is type of addresses?
And the fact that I use "RadzenDataList" doesn't make a difference?

8

How to code this in the Radzen designer?

image
image716Ɨ188 4.83 KB

the context is "data" and Grid Data value = "@Beheereenheden"

this gives me an error :
The annotation for nullable reference types should only be used in code within a '#nullable' annotations context

9

${} expression will automatically name data using proper context name.

1 Like
10

@enchev

Data source method to get the Data for the datagrid returns a IEnumerable type , so getting the index of the record with IndexOf() was pointless.

However if converting the type to a List with ToList() gives the desired outcome.
Iā€™d question the wisdom of this but this will do for now.

Thank you for your input with the ${} , I was assuming that the datatype in this post was returned from a generated data source method.

Final code that worked:
image

result:
image

11

Is there a solution in the meantime? I dont need the index of the property in my data list, I need an independent row number which doesn't change by filtering or sorting the data.