Grids
Example of Row Height in ASP.NET Core Data Grid Control
This sample demonstrates the row height feature of the Grid. In this demo, the rowHeight for all the Grid rows can be changed as 20px, 40px and 60px on ToolBar button click.
Order ID | Customer Name | Order Date | Freight | Shipped Date | Ship Country |
|---|---|---|---|---|---|
| 10001 | ALFKI | 5/15/1991 | $2.30 | 7/16/1996 | Denmark |
| 10002 | ANATR | 4/4/1990 | $3.30 | 9/11/1996 | Brazil |
| 10003 | ANTON | 11/30/1957 | $4.30 | 10/7/1996 | Germany |
| 10004 | BLONP | 10/22/1930 | $5.30 | 12/30/1996 | Austria |
| 10005 | BOLID | 2/18/1953 | $6.30 | 12/3/1997 | Switzerland |
| 10006 | ALFKI | 5/15/1991 | $4.60 | 7/16/1996 | Denmark |
| 10007 | ANATR | 4/4/1990 | $6.60 | 9/11/1996 | Brazil |
| 10008 | ANTON | 11/30/1957 | $8.60 | 10/7/1996 | Germany |
| 10009 | BLONP | 10/22/1930 | $10.60 | 12/30/1996 | Austria |
| 10010 | BOLID | 2/18/1953 | $12.60 | 12/3/1997 | Switzerland |
| 10011 | ALFKI | 5/15/1991 | $6.90 | 7/16/1996 | Denmark |
| 10012 | ANATR | 4/4/1990 | $9.90 | 9/11/1996 | Brazil |
| 10013 | ANTON | 11/30/1957 | $12.90 | 10/7/1996 | Germany |
| 10014 | BLONP | 10/22/1930 | $15.90 | 12/30/1996 | Austria |
| 10015 | BOLID | 2/18/1953 | $18.90 | 12/3/1997 | Switzerland |
| 10016 | ALFKI | 5/15/1991 | $9.20 | 7/16/1996 | Denmark |
| 10017 | ANATR | 4/4/1990 | $13.20 | 9/11/1996 | Brazil |
| 10018 | ANTON | 11/30/1957 | $17.20 | 10/7/1996 | Germany |
| 10019 | BLONP | 10/22/1930 | $21.20 | 12/30/1996 | Austria |
| 10020 | BOLID | 2/18/1953 | $25.20 | 12/3/1997 | Switzerland |
| 10021 | ALFKI | 5/15/1991 | $11.50 | 7/16/1996 | Denmark |
| 10022 | ANATR | 4/4/1990 | $16.50 | 9/11/1996 | Brazil |
| 10023 | ANTON | 11/30/1957 | $21.50 | 10/7/1996 | Germany |
| 10024 | BLONP | 10/22/1930 | $26.50 | 12/30/1996 | Austria |
| 10025 | BOLID | 2/18/1953 | $31.50 | 12/3/1997 | Switzerland |
| 10026 | ALFKI | 5/15/1991 | $13.80 | 7/16/1996 | Denmark |
| 10027 | ANATR | 4/4/1990 | $19.80 | 9/11/1996 | Brazil |
| 10028 | ANTON | 11/30/1957 | $25.80 | 10/7/1996 | Germany |
| 10029 | BLONP | 10/22/1930 | $31.80 | 12/30/1996 | Austria |
| 10030 | BOLID | 2/18/1953 | $37.80 | 12/3/1997 | Switzerland |
| 10031 | ALFKI | 5/15/1991 | $16.10 | 7/16/1996 | Denmark |
| 10032 | ANATR | 4/4/1990 | $23.10 | 9/11/1996 | Brazil |
| 10033 | ANTON | 11/30/1957 | $30.10 | 10/7/1996 | Germany |
| 10034 | BLONP | 10/22/1930 | $37.10 | 12/30/1996 | Austria |
| 10035 | BOLID | 2/18/1953 | $44.10 | 12/3/1997 | Switzerland |
| 10036 | ALFKI | 5/15/1991 | $18.40 | 7/16/1996 | Denmark |
| 10037 | ANATR | 4/4/1990 | $26.40 | 9/11/1996 | Brazil |
| 10038 | ANTON | 11/30/1957 | $34.40 | 10/7/1996 | Germany |
| 10039 | BLONP | 10/22/1930 | $42.40 | 12/30/1996 | Austria |
| 10040 | BOLID | 2/18/1953 | $50.40 | 12/3/1997 | Switzerland |
| 10041 | ALFKI | 5/15/1991 | $20.70 | 7/16/1996 | Denmark |
| 10042 | ANATR | 4/4/1990 | $29.70 | 9/11/1996 | Brazil |
| 10043 | ANTON | 11/30/1957 | $38.70 | 10/7/1996 | Germany |
| 10044 | BLONP | 10/22/1930 | $47.70 | 12/30/1996 | Austria |
| 10045 | BOLID | 2/18/1953 | $56.70 | 12/3/1997 | Switzerland |
The Grid has support to provide rowHeight property.