分页的paginationl序列号以角度显示?

时间:2018-08-20 05:55:33

标签: angular

在我的表中,我的序列号是1到10,当我再次移至第二页时,它显示的页码是1到10。但是第二页应该显示11到20。如何添加我的序列号?

我的代码是

columns: [
    {
        field: '',
        title: 'S.No',
        template: function(row, index, datatable) {
            return index + 1;
        },
    },
    {
        field: 'first_name',
        title: 'First Name',
    },
    {
        field: 'last_name',
        title: 'Last Name',
    }
]

2 个答案:

答案 0 :(得分:1)

在第二页之前,只有一页。 (第一页)有10个项目,因此第二页从稍后开始。

每页有十个项目,第二页的最后一个项目将比上一页的最后一个项目大10。

First (2nd):  11 = (10) + 1
Last (2nd):   20 = (10) + 10

在第三页之前,有两页。每页有10个项目,因此第三页在两次20个项目之后开始。

First (3rd):  21 = (10 + 10) + 1
Last (3rd):   30 = (10 + 10) + 10

在第n页之前,有(n-1)页。每个页面有10个项目,因此第n页在两次(n-1) * 10个项目之后开始。

First (nth):  (n - 1) * 10 + 1
Last (nth):   (n - 1) * 10 + 10

因此,您无需执行index + 1即可获得正确的号码,而无需执行(pageNumber - 1) * numberOfItemsPerPage + index + 1

答案 1 :(得分:-1)

您可以这样使用它:

{{ (config.currentPage - 1) * config.itemsPerPage + i +1 }}