Bootstrap表单中根据条件动态控制文本显灰的实现问题

你只需要将DamagesIncurred对应单元格的class从固定写死的text-muted改成根据RentalDamaged字段动态判断输出即可，修改后的代码段如下：

<td id="Rental_History-Index-DI_Text" class="@(item.RentalDamaged ? "" : "text-muted")">
    @Html.DisplayFor(modelItem => item.DamagesIncurred)
</td>

逻辑说明 #

• 当item.RentalDamaged值为true（租赁物品已损坏）时，class属性为空，文本保持默认黑色显示
• 当item.RentalDamaged值为false（租赁物品未损坏）时，class属性为text-muted，文本置灰

额外优化建议 #

你当前代码中循环生成的元素用了固定id（比如dropdownMenuButton1、Rental_History-Index--hover-row等），HTML规范要求同一页面id必须唯一，重复id会导致下拉菜单点击、JS选择元素等功能异常，建议将id改为带唯一标识的格式，例如下拉按钮的id可以改成dropdownMenuButton_@item.Id，同时同步修改对应aria-labelledby属性的值即可。

内容的提问来源于stack exchange，提问作者Pmarino