小编Zio*_*ver的帖子

如何在 Bootstrap 中悬停时突出显示网格行并使其在单击时被选中?

我正在 Blazor 中将数据加载到包含 3 列的网格中。对于网格结构,我使用了 Bootstrap 行和列。如果我需要在悬停时突出显示行并使用 onClick 事件保持选择行,那么实现它的最佳方法是什么?

以下是我填充数据的方法。

<div class="container-fluid">
    <div class="row">
        <div class="col">User Name</div>
        <div class="col">First Name</div>
        <div class="col">Last Name</div>
    </div>

    @foreach (var user in users)
    {
        <div class="row">
            <div class="col">@user.UserName</div>
            <div class="col">@user.FirstName</div>
            <div class="col">@user.LastName</div>
        </div>
    }
</div>
Run Code Online (Sandbox Code Playgroud)

谢谢。

twitter-bootstrap bootstrap-grid blazor

2
推荐指数
1
解决办法
4567
查看次数

标签 统计

blazor ×1

bootstrap-grid ×1

twitter-bootstrap ×1