Show Row Number on Position and count value

Question

Hello,i trying many hours. but it doesnt work. So i hope i can get help.I want make a Datagrid with showing the row number. (Position) automatic. AllowRowDragAndDrop="true" is true. so i move the 2. row to 1. The Position number must reorder. so beginning from 1 to x Position | Order ID | Name1    | 12342    |4563And my second problem ist. I have 2 values to enter. for example  hours and price. so i enter 2 hours and price 20, so would show in the 3 colum the count = 40 for every row!thank you for support...Best RegardsSerkan

Renjith Singh Rajendran · Answer

Hi Serkan,

Greetings from Syncfusion support.

Query 1 : I want make a Datagrid with showing the row number. (Position) automatic.

We have prepared a sample based on this requirement for your convenience, please download and refer the sample from the link below,

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/ServerApp248495678

You can display position number in Grid’s column using the Column Template feature of Grid. With this you can fetch the corresponding position number based on your custom calculations and display the calculated row position number using column template feature of grid. Please refer the codes below. We have performed calculation inside a custom method(GetRowCounter) and returned the calculated result to display using column template.

<GridColumn HeaderText="S.No">

<Template>

@{

var con = (context as Order);

var Index = GetRowCounter(con.OrderID);

}

<span>@(Index.Result)</span>

</Template>

</GridColumn>

public async Task<double> GetRowCounter(int? val){ var index = await Grid.GetRowIndexByPrimaryKeyAsync(val); //fetch rowindex based on primary key var currentPage = Grid.PageSettings.CurrentPage; if (Grid.AllowPaging && currentPage > 1) { index = (((currentPage - 1) * Grid.PageSettings.PageSize) + index); } return index + 1;}

References :

https://blazor.syncfusion.com/documentation/datagrid/column-template

https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_GetRowIndexByPrimaryKeyAsync_System_Object_

https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridPageSettings.html#properties

Query 2 : And my second problem ist. I have 2 values to enter. for example hours and price. so i enter 2 hours and price 20, so would show in the 3 colum the count = 40 for every row!

We have discussed a similar query in the below thread, please refer the below thread for more details regarding this query.

https://www.syncfusion.com/forums/166589/is-it-possible-to-update-a-numeric-textbox-based-on-another-numeric-textboxs-value?reply=SEA65a

Kindly refer the above thread and if you are facing any difficulties or if we have misunderstood your requirement then kindly share with us the details regarding the EditMode you are using in Grid to proceed further based on your scenario.

Regards,

Renjith R