用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 %>);
        }
    }
);

 

效果如下：

 

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

附件：Demo.rar