JS 정렬 출력은 프런트 엔드에서 동적으로 생성된 tr_javascript 기술을 사용하여 테이블 행 번호 자동 증가를 실현합니다.

최근 데이터 정렬 및 출력이 필요한 프로젝트를 진행했는데 행 번호가 1.2.3.4.5씩 증가했습니다....

프런트 엔드는 를 통해 동적으로 출력 을 탐색하며 코드는 다음과 같습니다.

<!-- 循环生成，列表数据 --> 
<c:forEach items="${pager.list}" var="auction"> 
<tr class="bg1"> 
<td width="10" align="center"><span class="numberClass"></span></td> 
<td width="30" align="center">${auction.dept}</td> 
<td width="40" align="center">${auction.donor}</td> 
<td width="40" align="center">￥：${auction.auctionSum}.00</td> 
<td width="40" align="center"><span onClick="displayDetails('xxxx}')" style="color:blue;cursor:pointer;">查看详细信息</span></td> 
</tr> 
</c:forEach>

줄 번호는 js 코드에 따라 자동으로 증가합니다(jquery를 도입해야 함).

$(function(){ 
function number(){ 
for(var i=0;i< $(".numberClass").length;i++){ 
$(".numberClass").get(i).innerHTML = i+1; 
} 
} 
number(); 
});