Please reattach the screenshots. It is broken in here.

Regards,
Handy

hi,

OK!

As far as I know, there is no function / method to set a text in the row header in WebGrid. However, we could use a workaround to achieve the screenshot, by simulating a cell with a similar style to the row header and disable the row header in WebGrid. During RowInitialize server side event you will need to set the value of this cell.

Here is the snippet:

The new cell with row header style:

<ISWebGrid:WebGridColumn Width="20px" EditType="NoEdit" Name="idxBox" Caption=" ">
    <CellStyle BackColor="#e4ecf7" CustomRules="text-align: center;"></CellStyle>
</ISWebGrid:WebGridColumn>

RowInitialize event handler snippet:

protected void wgTest_InitializeRow(object sender, RowEventArgs e)
{
    if (e.Row.Type == RowType.Record)
    {
        e.Row.Cells.GetNamedItem("idxBox").Text = (e.Row.Position + 1).ToString();
        e.Row.Cells.GetNamedItem("idxBox").Value = (e.Row.Position + 1).ToString();
    }
}

In order to remove the row header you will need to set RowHeaders="No" under LayoutSettings

thank you very much！