Example of Row Height in ASP.NET MVC 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 | Ship Country |
|---|---|---|---|---|---|---|
| 10001 | ALFKI | 5/15/1991 | $2.30 | 7/16/1996 | Berlin | Denmark |
| 10002 | ANATR | 4/4/1990 | $3.30 | 9/11/1996 | Madrid | Brazil |
| 10003 | ANTON | 11/30/1957 | $4.30 | 10/7/1996 | Cholchester | Germany |
| 10004 | BLONP | 10/22/1930 | $5.30 | 12/30/1996 | Marseille | Austria |
| 10005 | BOLID | 2/18/1953 | $6.30 | 12/3/1997 | Tsawassen | Switzerland |
| 10006 | ALFKI | 5/15/1991 | $4.60 | 7/16/1996 | Berlin | Denmark |
| 10007 | ANATR | 4/4/1990 | $6.60 | 9/11/1996 | Madrid | Brazil |
| 10008 | ANTON | 11/30/1957 | $8.60 | 10/7/1996 | Cholchester | Germany |
| 10009 | BLONP | 10/22/1930 | $10.60 | 12/30/1996 | Marseille | Austria |
| 10010 | BOLID | 2/18/1953 | $12.60 | 12/3/1997 | Tsawassen | Switzerland |
| 10011 | ALFKI | 5/15/1991 | $6.90 | 7/16/1996 | Berlin | Denmark |
| 10012 | ANATR | 4/4/1990 | $9.90 | 9/11/1996 | Madrid | Brazil |
| 10013 | ANTON | 11/30/1957 | $12.90 | 10/7/1996 | Cholchester | Germany |
| 10014 | BLONP | 10/22/1930 | $15.90 | 12/30/1996 | Marseille | Austria |
| 10015 | BOLID | 2/18/1953 | $18.90 | 12/3/1997 | Tsawassen | Switzerland |
| 10016 | ALFKI | 5/15/1991 | $9.20 | 7/16/1996 | Berlin | Denmark |
| 10017 | ANATR | 4/4/1990 | $13.20 | 9/11/1996 | Madrid | Brazil |
| 10018 | ANTON | 11/30/1957 | $17.20 | 10/7/1996 | Cholchester | Germany |
| 10019 | BLONP | 10/22/1930 | $21.20 | 12/30/1996 | Marseille | Austria |
| 10020 | BOLID | 2/18/1953 | $25.20 | 12/3/1997 | Tsawassen | Switzerland |
| 10021 | ALFKI | 5/15/1991 | $11.50 | 7/16/1996 | Berlin | Denmark |
| 10022 | ANATR | 4/4/1990 | $16.50 | 9/11/1996 | Madrid | Brazil |
| 10023 | ANTON | 11/30/1957 | $21.50 | 10/7/1996 | Cholchester | Germany |
| 10024 | BLONP | 10/22/1930 | $26.50 | 12/30/1996 | Marseille | Austria |
| 10025 | BOLID | 2/18/1953 | $31.50 | 12/3/1997 | Tsawassen | Switzerland |
| 10026 | ALFKI | 5/15/1991 | $13.80 | 7/16/1996 | Berlin | Denmark |
| 10027 | ANATR | 4/4/1990 | $19.80 | 9/11/1996 | Madrid | Brazil |
| 10028 | ANTON | 11/30/1957 | $25.80 | 10/7/1996 | Cholchester | Germany |
| 10029 | BLONP | 10/22/1930 | $31.80 | 12/30/1996 | Marseille | Austria |
| 10030 | BOLID | 2/18/1953 | $37.80 | 12/3/1997 | Tsawassen | Switzerland |
| 10031 | ALFKI | 5/15/1991 | $16.10 | 7/16/1996 | Berlin | Denmark |
| 10032 | ANATR | 4/4/1990 | $23.10 | 9/11/1996 | Madrid | Brazil |
| 10033 | ANTON | 11/30/1957 | $30.10 | 10/7/1996 | Cholchester | Germany |
| 10034 | BLONP | 10/22/1930 | $37.10 | 12/30/1996 | Marseille | Austria |
| 10035 | BOLID | 2/18/1953 | $44.10 | 12/3/1997 | Tsawassen | Switzerland |
| 10036 | ALFKI | 5/15/1991 | $18.40 | 7/16/1996 | Berlin | Denmark |
| 10037 | ANATR | 4/4/1990 | $26.40 | 9/11/1996 | Madrid | Brazil |
| 10038 | ANTON | 11/30/1957 | $34.40 | 10/7/1996 | Cholchester | Germany |
| 10039 | BLONP | 10/22/1930 | $42.40 | 12/30/1996 | Marseille | Austria |
| 10040 | BOLID | 2/18/1953 | $50.40 | 12/3/1997 | Tsawassen | Switzerland |
| 10041 | ALFKI | 5/15/1991 | $20.70 | 7/16/1996 | Berlin | Denmark |
| 10042 | ANATR | 4/4/1990 | $29.70 | 9/11/1996 | Madrid | Brazil |
| 10043 | ANTON | 11/30/1957 | $38.70 | 10/7/1996 | Cholchester | Germany |
| 10044 | BLONP | 10/22/1930 | $47.70 | 12/30/1996 | Marseille | Austria |
| 10045 | BOLID | 2/18/1953 | $56.70 | 12/3/1997 | Tsawassen | Switzerland |
The Grid has support to provide RowHeight property.