vue ant design table 序号自增

1,106 阅读1分钟

方式一:每一页序号重新排序

    // 表头
    const logColumns = [

        {
            title: '序号',
            align: "center",
            width: 60,
            customRender: ({ text, record, index }) => {
                return `${ index + 1 }`;
            }
        },
    ];

基于分页的序号,点击下一页会自动往后继续排序

 // 表头
    const logColumns = [
       {
            title: '序号',
            align: "center",
            width: 60,
            customRender: ({ text, record, index }) => {
                return `${ (pageNo.value - 1) * pageSize.value + index + 1}`;
            }
        }, 
    ];