使用thymeleaf 给List 加个序号

在处理业务数据时，通常有表头（主表），表身（从表），当我们在前端需要显示表身时不能使用ID当做序号（很有可能排序不同而错乱），那么处理办法，1.通过Java后端实现 2.通过前端遍历时添加。

如下图效果

 我个人倾向通过前端实现以减少对后端的耦合度，实现方法：

<table style="width: 1024px"><tr><th width="4%">序号</th><th width="6%">场景</th><th width="18%">产品</th><th width="10%">图片</th><th width="25%">规格参数</th><th width="5%">数量</th><th width="4%">单位</th><th width="8%">单价(元)</th><th width="8%">金额(元)</th><th width="12%">备注</th></tr><tr th:each="info : ${list}"><td th:text="${infoStat.index+1}"></td><td th:text="${info.scenarios}"></td><td th:text="${info.productSpcDto.productName}"></td><td  height="79" ><img th:src="'http://127.0.0.1:666'+${info.productSpcDto.img}" width="100%" height="79" /></td><td th:text="${info.productSpcDto.spc}"></td><td th:text="${info.quantity}"></td><td th:text="${info.productSpcDto.unit}"></td><td th:text="${info.price}"></td><td th:text="${info.cost}"></td><td th:text="${info.rem}"></td></tr><tr><td colspan="10" align="right" th:text="'总计金额：'+${orderMoney}+'元'"></td></tr></table>

重点说明：对List的实体名拼接Stat.index+1 就能得到序号信息。