2 rows per record

[Rick Maldonado]

I'm looking to implement a Blazor Grid that displays each record across two rows to reduce horizontal scrolling and improve readability. Ideally, the header would also span two rows to match the layout. Additionally, the grid should support full editing capabilities.

Below is an example from GP that demonstrates the desired two-row structure per record. I'd appreciate guidance on how to achieve this using Syncfusion's components, especially with editable fields and row templating.

I also included my DataGrid I have so far for context. The two vendor fields are the ones I would like in the second row.

Thank you much

    <SfGrid DataSource="@details" AllowSorting="true" AllowFiltering="true" AllowMultiSorting="true" AllowResizing="true" AllowPaging="true" @ref="@GridRef">

        @* <GridEditSettings AllowAdding="true" AllowEditing="true" AllowDeleting="true" AllowEditOnDblClick="true" AllowNextRowEdit="true" Mode="EditMode.Normal"></GridEditSettings> *@

        <GridColumns>

            <GridColumn Field="@(nameof(PurchaseOrderDetail.Id))" HeaderText="ID" Width="auto" IsPrimaryKey="true" Visible="false" />

            <GridColumn Field="@(nameof(PurchaseOrderDetail.Order))" HeaderText="Line" Width="auto" AllowEditing="false" />

            <GridColumn Field="ItemRelated.ItemNumber" HeaderText="Item Number" EditType="EditType.DefaultEdit" />

            <GridColumn Field="@(nameof(PurchaseOrderDetail.ItemDescription))" HeaderText="Item Desc" Width="300px" AllowEditing="false" />

            <GridColumn Field="@(nameof(PurchaseOrderDetail.UOM))" HeaderText="UoM" EditType="EditType.DefaultEdit" />

            <GridColumn Field="Quantity" HeaderText="Qty" EditType="EditType.NumericEdit" />

            <GridColumn Field="Price" HeaderText="Unit Price" Format="C2" TextAlign="TextAlign.Right" EditType="EditType.NumericEdit" />

            <GridColumn Field="@(nameof(PurchaseOrderDetail.VendorItemNumber))" HeaderText="Vendor Item Number" EditType="EditType.DefaultEdit" />

            <GridColumn Field="@(nameof(PurchaseOrderDetail.VendorItemDescription))" HeaderText="Vendor Item Desc" EditType="EditType.DefaultEdit" />

        </GridColumns>

    </SfGrid>

[Prathap Senthil]

Hi Rick Maldonado ,

We would like to inform you that currently we don’t have support for row spanning in DataGrid. So, it is impossible to achieve your behavior in Grid content.

We have already considered feature task for this requirement “Need to provide support for row spanning and column spanning in blazor”. You can track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.

https://www.syncfusion.com/feedback/12793/need-to-provide-support-for-row-spanning-and-column-spanningcell-merging-in-blazor

At the planning stage for every release cycle, we review all open features and identify features for implementation based on specific parameters including product vision, technological feasibility, and customer interest. This is expected to be rolled out in any of the upcoming releases.

We are closing this thread for now. You can communicate with us regarding the open features at any time using the above Feature Report page.

Regards,
Prathap Senthil