C# 用于循环栅格行编号

C# 用于循环栅格行编号,c#,css-grid,blazor,C#,Css Grid,Blazor,我有一个8列97行的数据网格,我想用for循环对0列中每4行从0到23的行进行编号 我想替换硬编码的数字 <div style="grid-row:2;grid-column:1;text-align:right;font-weight:bold">0</div> <div style="grid-row:3;grid-column:1;text-align:right;font-weight:bold">

我有一个8列97行的数据网格,我想用for循环对0列中每4行从0到23的行进行编号

我想替换硬编码的数字

    <div style="grid-row:2;grid-column:1;text-align:right;font-weight:bold">0</div>
    <div style="grid-row:3;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:4;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:5;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:6;grid-column:1;text-align:right;font-weight:bold">1</div>
    <div style="grid-row:7;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:8;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:9;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:10;grid-column:1;text-align:right;font-weight:bold">2</div>
    <div style="grid-row:11;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:12;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:13;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:14;grid-column:1;text-align:right;font-weight:bold">3</div>
    <div style="grid-row:15;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:16;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:17;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:18;grid-column:1;text-align:right;font-weight:bold">4</div>
    <div style="grid-row:19;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:20;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:21;grid-column:1;text-align:right;font-weight:bold"></div>
    <div style="grid-row:22;grid-column:1;text-align:right;font-weight:bold">5</div>
0
1.
2.
3.
4.
5.

依此类推

如果在Razor中编码,代码如下所示:

@{
    var j = 0;
}

@for (var i = 0; i < 97; i++)
{
    <div style="grid-row:@(i+2);grid-column:1;text-align:right;font-weight:bold">
        @if (i % 4 == 0)
        {
            @(j++)
        }
    </div>
}
@{
var j=0;
}
@对于(变量i=0;i<97;i++)
{
@如果(i%4==0)
{
@(j++)
}
}
输出预览:

欢迎来到SO(StackOveflow),请阅读@Luuk,问题出在哪里?topic starter提供了他当前的硬编码实现,指出了问题,描述了所需的实现。标题清晰,标签令人满意。对于第一个问题来说还不错。@yolosora:标记是C#、blazor和css网格,我没有看到使用此静态HTML代码的
C#
代码。@Luuk显然C#代码将用于实现,因为它是blazorAlso“显示您的尝试并告诉我们您在本网站或其他地方发现了什么”以及为什么它不能满足你的需求。当你提供研究时,你可以得到更好的答案。()