Razor：在CSHTML表格中按Entity分组添加合计行

我明白你现在的困扰——想在CSHTML里生成带分组合计的表格，但之前的代码要么逻辑不对，要么C#代码直接跑到页面上显示了。其实问题出在Razor语法和HTML的混合写法以及分组逻辑的实现方式上，我给你梳理下正确的做法：

第一步：先对数据做分组（更清晰的方式） #

与其在循环里反复判断上一个Entity，不如先把你的IEnumerable数据按Entity字段分组，这会让后续的HTML渲染逻辑简单很多，也不容易出错。你可以在Razor代码块里先处理数据：

@{
    // 按Entity字段分组，同时保留每组的行数据
    var groupedData = Model.GroupBy(row => row.Entity);
}

第二步：正确编写Razor+HTML的表格代码 #

接下来就可以循环每个分组，渲染组内的行，然后在每组末尾添加合计行。这里要注意Razor语法的正确使用，确保C#逻辑和HTML标签能被正确解析：

<table border="1">
    <thead>
        <tr>
            <th>Entity</th>
            <th>Cat</th>
            <th>Amount</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var group in groupedData)
        {
            // 渲染当前组的每一行数据
            foreach (var row in group)
            {
                <tr>
                    <td>@row.Entity</td>
                    <td>@row.Cat</td>
                    <td>@row.Amount.ToString("N0")</td> <!-- 格式化金额为千分位格式 -->
                </tr>
            }
            // 渲染当前组的合计行
            <tr>
                <td>@group.Key</td>
                <td><strong>Total</strong></td>
                <td><strong>@group.Sum(row => row.Amount).ToString("N0")</strong></td>
            </tr>
        }
    </tbody>
</table>

为什么你的原始代码会出问题？ #

你之前的代码里可能有几个导致C#代码直接显示在页面上的原因：

• 可能是HTML转义的问题（比如你代码里的&&，实际写的时候应该用&&，如果直接复制了转义后的字符，Razor会把它当成普通文本输出）
• 代码块的闭合不完整（比如foreach或if语句的}缺失，导致Razor无法正确解析逻辑块）
• 没有严格遵循Razor的语法规则，比如逻辑块和HTML标签的嵌套写法有误

额外的小提示 #

• 如果你的数据量很大，建议在后台（比如Controller层）先完成分组和合计计算，而不是在Razor视图里处理，这样能提升页面渲染性能
• 可以给合计行添加CSS类（比如<tr class="total-row">），通过样式让合计行更突出，增强可读性

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