当前位置: 首页 > 编程笔记 >

JS 排序输出实现table行号自增前端动态生成的tr

谢胤
2023-03-14
本文向大家介绍JS 排序输出实现table行号自增前端动态生成的tr,包括了JS 排序输出实现table行号自增前端动态生成的tr的使用技巧和注意事项,需要的朋友参考一下

最近做一项目,需要对数据进行排序输出,要求有行号,依次递增1.2.3.4.5.......。

前端通过<c:forEach> 遍历动态输出的<tr>,代码如下:

<!-- 循环生成,列表数据 --> 
<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(); 
});
 类似资料:
  • 本文向大家介绍使用vbscript生成36进制自动增长序号的实现代码,包括了使用vbscript生成36进制自动增长序号的实现代码的使用技巧和注意事项,需要的朋友参考一下 asp生成0~9,a~z的36进制字符串,运行下面示例需要使用IE核心的浏览器,其他非IE核心浏览器不支持vbscript。 实现代码:

  • js中如何实现快速排序?guolguul都不会放

  • 本文向大家介绍javascript实现Table排序的方法,包括了javascript实现Table排序的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现Table排序的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 问题内容: 我很困惑,我希望员工ID以前缀格式自动生成,我知道从sql服务器中的触发器触发之前是可能的,我按照帖子 http://www.aspdotnet- suresh.com/2012/04/set-custom-自动生成的increment.html 显示器是 但是我想从触发器之前的插入中执行此操作,并且此触发器在同一表和同一行中工作- 和用户ID自动创建?喜欢–08U13015,08U1

  • 本文向大家介绍JS实现点击Radio动态更新table数据,包括了JS实现点击Radio动态更新table数据的使用技巧和注意事项,需要的朋友参考一下 tbody定义一个标签 当上面变化的,在js里面做拼接就行了,拼接结束 tbody.html(XXX) 以上所述是小编给大家介绍的JS实现点击Radio动态更新table数据,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。

  • 本文向大家介绍JS实现table表格数据排序功能(可支持动态数据+分页效果),包括了JS实现table表格数据排序功能(可支持动态数据+分页效果)的使用技巧和注意事项,需要的朋友参考一下 asp.net会经常遇到分页的效果,尤其是希望实现静态的html分页排序(html分页相信大家都已经有自己的解决方案.在这里就不多说).我写了一个简单的Demo排序. 数据就是字母和数字两组.(汉字需要找到asc