Javascript Vuetify-在v-data-table中维护行索引

我有一个v-data-table，其中包含这样的项

<v-data-table :items="items" ...>
 <template slot="items" slot-scope="props">
   <td>{{props.index}}</td>
   <td>{{props.name}}</td>
  </template>
</v-data-table>

{{props.index}
{{props.name}

---

有20多个项目，我正在努力维护行索引。当我使用

props.index

时，它始终显示0-5，即使我更改了分页。即使我更改了分页，如何保持增量索引？

通常，您将使用

分页。将
同步到本地数据属性，然后您可以按如下方式计算当前索引：

(pagination.page - 1)* pagination.rowsPerPage + props.index

您的分页对象：

{
  descending: boolean
  page: number
  rowsPerPage: number // -1 for All
  sortBy: string
  totalItems: number
}

通常，您将有
分页。同步到本地数据属性，然后您可以计算当前索引，如下所示

(pagination.page - 1)* pagination.rowsPerPage + props.index

您的分页对象：

{
  descending: boolean
  page: number
  rowsPerPage: number // -1 for All
  sortBy: string
  totalItems: number
}

谢谢您，这样可以将索引保留在标题顶部吗。我试图使用
维护自定义标题，在这里我没有看到任何props.index。如何在顶部维护相同的索引。谢谢，这可以在标题顶部维护索引吗。我试图使用
维护自定义标题，在这里我没有看到任何props.index。如何在顶部保持相同的索引。