<table>
<tr>
<td>Num</td>
<td>Name</td>
</tr>
<? foreach {{ ?>
<tr>
<td>here this must be html auto increment number</td>
<td>this will be from database</td>
<tr>
<? endforeach; ?>
</table>
<td>Num</td>
应该自动增加页面上的数字。
是否可以在没有任何 JavaScript 或其他简单解决方案的情况下在 HTML 中执行此操作?
最佳答案
你可以尝试使用counter-increment
:
table {
counter-reset: tableCount;
}
.counterCell:before {
content: counter(tableCount);
counter-increment: tableCount;
}
<table>
<tr>
<td>Num</td>
<td>Name</td>
</tr>
<tr>
<td class="counterCell"></td>
<td>this will be from database</td>
</tr>
<tr>
<td class="counterCell"></td>
<td>this will be from database</td>
</tr>
</table>
关于html,一列自动递增编号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26137162/