DataGrid data display serial number and zebra effect __datagrid

First, display serial number

If you need to sort each piece of data in a DataGrid and display an ordinal number, you can use the DataGrid with its own properties

rownumbers

Property Name attribute value describes default value

Rownumbers

Boolean

If true, a row number column is displayed.

False

Add Rownumbers:true to Data-options or add to JS

When True, you can add an ordinal display to each piece of data

As shown in the following illustration:

second, the effect of zebra crossing

It's also the own property of the DataGrid.

Striped

Property Name attribute value describes default value

Striped

Boolean

Whether the zebra effect is displayed.

False

This effect is mainly to enhance the readability of the data, distinguish the data of each row

As follows:

No zebra effect

Zebra Display Effect