用JS给表格加上行号

web开发过程中,很多用表格或者列表显示数据的时候都要在前面加上一个行号(序号)。如果直接在服务器端给控件加的话,无疑会加大服务器的负担。所以这里提供一个jQuery的方案。这个方案包括应对有数据分页的情况。

方案代码如下:

 

$(
    function() {
        var rows = $("#<%=grdUsers.ClientID %> tr");
        var i=1;
        for (;i<rows.length;i++) {
                $(rows[i].cells[0]).html(i+(<%=pagerUsers.CurrentPageIndex %>-1)*<%=pagerUsers.PageSize %>);
        }
    }
);

 

效果如下:

效果图1.JPG效果图2.jpg

 

具体代码请见附件中的源码

附件:Demo.rar

posted @ 2009-12-24 09:32  齐.net  阅读(1022)  评论(2编辑  收藏  举报