ruoyi-vue-pro 列表增加序号列

通常情况下，在开发中需要增加序号列，来标识该条记录所在位置。

列表中无分页

<el-table-column label="序号" width="80" align="center">
    <template #default="{ $index }">
        {{ $index + 1 }}
    </template>
</el-table-column>

列表存在分页

<el-table-column label="序号" width="80" align="center">
    <template #default="{ $index }">
        {{ $index + 1 + (userQueryParams.pageNo - 1) * userQueryParams.pageSize }}
    </template>
</el-table-column>

其中，userQueryParams 为查询用变量。

相关文章：