MAUI | ComponentOne
Controls / FlexGrid / Transposed Grid
In This Topic
    Transposed Grid
    In This Topic

    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 MAUI 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:

    FlexGrid with transposed view

    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" ColumnHeaderFontAttributes="Bold">
        <c1:FlexGrid.Behaviors>
            <c1:TransposedGridBehavior/>
        </c1:FlexGrid.Behaviors>
    </c1:FlexGrid>