HTML/Javascript中的行数

HTML/Javascript中的行数,javascript,html,jinja2,Javascript,Html,Jinja2,我想知道是否有一种简单的方法可以将数字实现到我的HTML/Javascript表中 以下是当前代码: <table style="width:75%", border="2"> <th>Club</th> <th>Points</th> <th>Played Games</th> {% for team, score, game in data %} <tr>

我想知道是否有一种简单的方法可以将数字实现到我的HTML/Javascript表中

以下是当前代码:

<table style="width:75%", border="2">

    <th>Club</th>
    <th>Points</th>
    <th>Played Games</th>

    {% for team, score, game in data %}
    <tr>
    <td><strong>{{team}}</strong> </td>
    <td><emph> {{score}}</emph> <br/></td>
    <td>{{game}}</td>
    {% endfor %}
    </tr>

</table>

俱乐部
要点
玩游戏
{数据中团队、得分、比赛的百分比%}
{{team}}
{{score}}
{{游戏} {%endfor%}
我不会发布我的python/flask代码,因为我认为这是不必要的

我想做的就是从1到末尾添加一个position列

请让我知道


谢谢

这应该能帮到你

我已在您的表中添加了一个位置列。对于表中的数据,我将循环计数器
loop.index
放在那里。如果希望计数器从1开始而不是从0开始,可以将+1添加到循环计数器

<table style="width:75%", border="2">
    <th>Position</th>
    <th>Club</th>
    <th>Points</th>
    <th>Played Games</th>

    {% for team, score, game in data %}
    <tr><strong>{{loop.index}}</strong> </td>
    <td><strong>{{team}}</strong> </td>
    <td><strong>{{team}}</strong> </td>
    <td><emph> {{score}}</emph> <br/></td>
    <td>{{game}}</td>
    {% endfor %}
    </tr>

</table>

位置
俱乐部
要点
玩游戏
{数据中团队、得分、比赛的百分比%}
{{loop.index}}
{{team}}
{{team}}
{{score}}
{{游戏} {%endfor%}

来源:

这应该可以帮你完成这项工作

我已在您的表中添加了一个位置列。对于表中的数据,我将循环计数器
loop.index
放在那里。如果希望计数器从1开始而不是从0开始,可以将+1添加到循环计数器

<table style="width:75%", border="2">
    <th>Position</th>
    <th>Club</th>
    <th>Points</th>
    <th>Played Games</th>

    {% for team, score, game in data %}
    <tr><strong>{{loop.index}}</strong> </td>
    <td><strong>{{team}}</strong> </td>
    <td><strong>{{team}}</strong> </td>
    <td><emph> {{score}}</emph> <br/></td>
    <td>{{game}}</td>
    {% endfor %}
    </tr>

</table>

位置
俱乐部
要点
玩游戏
{数据中团队、得分、比赛的百分比%}
{{loop.index}}
{{team}}
{{team}}
{{score}}
{{游戏} {%endfor%}

来源:

如果不想修改循环的代码,可以使用
计数器通过CSS本机实现这一点。下面是一个活生生的例子:

表格{
计数器复位:位置;
宽度:75%;
}
表td:第一个孩子:之前{
反增量:位置;
内容:柜台(位置);
}

位置
俱乐部
要点
玩游戏
团队
分数
游戏 团队 分数
游戏 团队 分数
游戏
如果不想修改循环的代码,可以使用
计数器通过CSS本机实现这一点。下面是一个活生生的例子:

表格{
计数器复位:位置;
宽度:75%;
}
表td:第一个孩子:之前{
反增量:位置;
内容:柜台(位置);
}

位置
俱乐部
要点
玩游戏
团队
分数
游戏 团队 分数
游戏 团队 分数
游戏
太棒了!这就是答案。“loop.index”本质上是做什么的?它获取当前的loops索引。因此,如果for循环正在进行,它将维护一个内部计数器并获取该计数器的值。太棒了!这就是答案。“loop.index”本质上是做什么的?它获取当前的loops索引。因此,如果for循环正在进行,它将维护一个内部计数器并获取该计数器的值。