In regular grids, each item is represented by a row with columns that represent the item properties. Whereas, in transposed grids, each item is represented by a column with rows that represent the item properties. TransposedGrid is a FlexGrid extension that supports a grid where the rows and columns are transposed. FlexGrid for WinUI supports a transposed view where the column headers appear on the left side and rows display horizontally. This transposed feature can be enabled by the TransposedGridBehavior class which allows the grid to display data using a transposed layout, where columns represent data items and rows represent item properties.
The following image showcases a grid displaying data in transposed layout:
To transpose columns and rows so the data items are shown as columns, use the following code. This example uses the sample created in the Quick Start topic.
Index.razor |
Copy Code
|
---|---|
<c1:FlexGrid x:Name="grid" ColumnHeaderFontWeight="Bold"> <i:Interaction.Behaviors> <c1:TransposedGridBehavior /> </i:Interaction.Behaviors> </c1:FlexGrid> |