关于在JQuery的table中添加递增的行号的代码

最新推荐文章于 2022-04-03 15:33:14 发布

zhanggq1308

最新推荐文章于 2022-04-03 15:33:14 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/zhanggq1308/article/details/52136099

版权

今天在学习一个项目，遇到需要的添加行号，找了段代码放在自己项目上很管用。。。放在这保存一下

jQuery.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
{
    return {
        "iStart":         oSettings._iDisplayStart,
        "iEnd":           oSettings.fnDisplayEnd(),
        "iLength":        oSettings._iDisplayLength,
        "iTotal":         oSettings.fnRecordsTotal(),
        "iFilteredTotal": oSettings.fnRecordsDisplay(),
        "iPage":          oSettings._iDisplayLength == -1 ?
            0 : Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
        "iTotalPages":    oSettings._iDisplayLength == -1 ?
            0 : Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
    };
};

在Jquery里添加

"fnCreatedRow": function (row, data, index) {
        // $('td', row).eq(0).html(index + 1);
        var page = this.fnPagingInfo().iPage;
        var length = this.fnPagingInfo().iLength;
        var index = (page * length + (index +1));
        $('td:eq(0)', row).html(index);
    },