Question

我正在使用angular2 -datatable。

我无法在相应的行中显示正确的行号。

当用户使用分页器移动到下一页时，数据表再次从一个开始计数。

我的HTML代码：

                <tbody>
                <tr  *ngFor="let item of mf.data; let i =index">
                    <td>
                        {{i+1}} 
                    </td>
                    <td>{{ item.name }}</td>
                    <td>{{item.department}}</td>
                    <td >{{item.category}}</td>

                </tr>
                </tbody>

Answer 1

尝试{{data.indexOf(item) + 1}}，此处我认为data是<table>

绑定到<table [mfData]="data | filter "的变量

这将从数据数组中获取原始索引。

<强> plunker demo

Answer 2

您需要使用currentPage（当前页码）和itemsPerPage（每页显示的项目数）来计算它：

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

如何在angular2数据表中添加行号或序列号

2 个答案: