Skip to content

关于布局组件Row的跨列显示问题 #8228

Description

@zijiaxing

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

我将示例程序中Row组件的跨列功能中“行显示 4 个 Address 占 2 列”示例的代码改成了下面的样子,但是显示出来的布局跟我想象中的不一样:

<ValidateForm Model="@SpanModel">
    <Row>
        <GroupBox Title="@Localizer["RowSpanTips3"]">
            <Row ItemsPerRow="ItemsPerRow.Two" RowType="RowType.Inline">
                <BootstrapInput @bind-Value="@SpanModel.Name" />
                <Select @bind-Value="@SpanModel.Education" />
                <Row ColSpan="2" RowType="RowType.Inline">
                    <BootstrapInput @bind-Value="@SpanModel.Address" />
                </Row>
            </Row>
        </GroupBox>
    </Row>
</ValidateForm>

实际效果:

Image

.Net版本:.NET10

Expected Behavior

期望效果:

Image

Interactive render mode

Interactive Server (Interactive server-side rendering (interactive SSR) using Blazor Server)

Steps To Reproduce

<ValidateForm Model="@SpanModel">
    <Row>
        <GroupBox Title="@Localizer["RowSpanTips3"]">
            <Row ItemsPerRow="ItemsPerRow.Two" RowType="RowType.Inline">
                <BootstrapInput @bind-Value="@SpanModel.Name" />
                <Select @bind-Value="@SpanModel.Education" />
                <Row ColSpan="2" RowType="RowType.Inline">
                    <BootstrapInput @bind-Value="@SpanModel.Address" />
                </Row>
            </Row>
        </GroupBox>
    </Row>
</ValidateForm>

Exceptions (if any)

No response

.NET Version

NET9.0

Anything else?

No response

Activity

bb-auto commented on Jul 15, 2026

@bb-auto

@zijiaxing Thank you for filing this issue. In order for us to investigate this issue, please provide a minimalistic repro project that illustrates the problem.

added this to the v10.8.0 milestone on Jul 15, 2026

ArgoZhang commented on Jul 15, 2026

@ArgoZhang
Member

@zijiaxing 尽量不要使用 Row 组件,建议使用 bs 的栅格系统布局,比 Row 组件灵活太多了

changed the title [-]bug(): 关于布局组件Row的跨列显示问题[/-] [+]关于布局组件Row的跨列显示问题[/+] on Jul 15, 2026
added
questionQuestion that needs to be answered
and removed
bugSomething isn't working
on Jul 15, 2026
locked and limited conversation to collaborators on Jul 15, 2026
converted this issue into a discussion #8229 on Jul 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

questionQuestion that needs to be answered

Type

No type

Projects

No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions