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

Question

我正在使用 angular2 -datatable。

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

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

我的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是您绑定(bind)到 <table> 的变量通过<table [mfData]="data | filter "

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

<强> plunker demo 。