# Transposed Grid

## Content



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](/componentone/api/winui/online-winui/dotnet-api/C1.WinUI.Grid/C1.WinUI.Grid.TransposedGridBehavior.html) 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:

![FlexGrid with transposed view](https://cdn.mescius.io/document-site-files/images/2d49eac2-0942-4770-99ef-52b14e6815bd/images/flexgrid-transposed.png)

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](/componentone/docs/winui/online-winui/winui-controls/flexgrid/flexgrid-quickstart) topic.

```INDEX.razor
<c1:FlexGrid x:Name="grid" ColumnHeaderFontWeight="Bold">
    <i:Interaction.Behaviors>
        <c1:TransposedGridBehavior />
    </i:Interaction.Behaviors>
</c1:FlexGrid>
```