Example of Autowrap Column Cells in Blazor DataGrid Component
This example shows the DataGrid component with auto wrap column cell content. In this example, you can see that the Main Fields of Invention column cell content exceeded the available width, so it was wrapped into multiple lines.
Inventor Name | Number of Patent Families | Country | Active | Main Fields of Invention |
|---|
| Kia Silverbrook | 4737 | Australia | 1994-2016 | Printing, Digital paper, Internet, Electronics,Lab-on-a-chip, MEMS, Mechanical, VLSI |
| Shunpei Yamazaki | 4677 | Japan | 1976-2016 | Thin film transistors, Liquid crystal displays, Solar cells, Flash memory, OLED |
| Lowell L. Wood, Jr. | 1419 | USA | 1977-2016 | Mosquito laser, Nuclear weapons |
| Paul Lapstun | 1281 | Australia | 2000-2016 | Printing, Digital paper, Internet, Electronics, CGI, VLSI |
| Gurtej Sandhu | 1255 | India | 1991-2016 | Thin film processes and materials, VLSI, Semiconductor device fabrication |
| Jun Koyama | 1240 | Japan | 1991-2016 | Thin film transistors, Liquid crystal displays, OLED |
| Roderick A. Hyde | 1240 | USA | 2001-2016 | Various |
| Leonard Forbes | 1093 | Canada | 1991-2016 | Semiconductor Memories, CCDs, Thin film processes and materials, VLSI |
| Thomas Edison | 1084 | USA | 1847(b)-1931(d) | Electric power, Lighting, Batteries, Phonograph, Cement, Telegraphy, Mining |
| Donald E. Weder | 999 | USA | 1976-2015 | Florist supplies |
| George Albert Lyon | 993 | Canada | 1882(b)-1961(d) | Automotive, Stainless steel products |
| John F. O'Connor | 949 | USA | 1864(b)-1938(d) | Railway draft gearing |
AllowTextWrap is a property that enables the Blazor DataGrid Autowrap cell content. When the width of the content and header cell content exceeds the width of the cell, this property will wrap the cell text in multiple lines.
The AllowTextWrap property is enabled in this demo, as seen in the Main Fields of Invention column, where the content is wrapped into multiple lines because it exceeds the cell width.
More information about the Autowrap feature can be found in this documentation section.