Blazor Data Form Example - Column Layout

Data Form / Column Layout

The below example demonstrates the column layout of the Blazor Data Form component .

Loading Syncfusion Blazor Server Demos…

Invoice Payment

The ColumnCount property sets the overall layout of the form, dividing it into a specified number of columns for organizing form fields , Using the ColumnSpan property on form fields adjusts their width within the defined columns, controlling their horizontal layout and alignment in the form.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE