Cxgrid display row number

Modify the two items in optionsview in cxgridview to the following:

Optionsview. Indicator = true
Optionsview. indicatorwidth = 40 // width

In the customdrawindicatorcell event, enter

Procedure tform1.cxgrid1bandedtableview1customdrawindicatorcell (
Sender: tcxgridtableview; acanvas: tcxcanvas;
Aviewinfo: tcxcustomgridindicatoritemviewinfo; var Adone: Boolean );
VaR
Aindicatorviewinfo: tcxgridindicatorrowitemviewinfo;
Atextrect: trect;
// Astyle: tcxstyle;
ACV: tcxcanvas;
Begin
If not (aviewinfo is tcxgridindicatorrowitemviewinfo) then
Exit;
ACV: = acanvas;
Atextrect: = aviewinfo. contentbounds;
Aindicatorviewinfo: = aviewinfo as tcxgridindicatorrowitemviewinfo;
Inflaterect (atextrect,-2,-1 );

If aindicatorviewinfo. gridrecord. Selected then // This if segment is used to separate the selected row number from other segments at the row number.
Begin
ACV. Font. Style: = canvas. Font. Style + [fsbold];
ACV. Font. Color: = clred;
End
Else
Begin
ACV. Font. Style: = canvas. Font. Style-[fsbold];
ACV. Font. Color: = canvas. Font. color;
End;

Sender. lookandfeelpainter. drawheader (acanvas, aviewinfo. contentbounds,
Atextrect, [], cxbordersall, cxbsnormal, tacenter, vacenter,
False, false, inttostr (aindicatorviewinfo. gridrecord. index + 1 ),
// Astyle. Font, astyle. textcolor, astyle. Color );
ACV. Font, ACV. Font. Color, ACV. Brush. Color );
Adone: = true;
End;