生成具有可变列数的html表

Question

我想基于值 TotalPurposeColumns 显示可变数量的表列。运行以下代码时，我总是会收到错误：

遇到了结束标签“ tr”，但没有匹配的开始标签。您的开始/结束标签是否正确平衡？

<table>
    @{ var counter=0; }
    @foreach(var element in Model.Elements)
    {
        @if(counter % Model.TotalPurposeColumns == 0)
        {
            <tr>
        }

        <td>
            Some data
        </td>

       counter++;

       @if(counter % Model.TotalPurposeColumns == 0)
       {
           </tr>
       }
   }

   @if(counter % Model.TotalPurposeColumns != 0)
   {
       </tr>
   }
</table>

代码应生成正确的标签，但剃刀会不断抛出此错误。有没有办法忽略或以其他方式解决这个问题（或者我应该只在视图模型中为列定义值）？