O componente Tabela do ant-design possui sua própria paginação. Quando a paginação não é necessária, você só precisa adicionar o atributo pagination = "false", e o atributo pagination é padronizado como true.
Em alguns casos, precisamos obter o número da página atual. Neste momento, precisamos adicionar o seguinte código na tag a-table:
:paginação="paginação"
<uma-mesa
:colunas="colunas"
:data-source="lista" class="list_body"
estilo = "largura: 100%"
:paginação="paginação"
>
Defina uma variável global para armazenar o número da página atual, com valor padrão 1:
const pageNo = ref<número>(1)
Em seguida, personalize uma variável de paginação :
paginação const = {
atual:1,
Tamanho da página: 10,
onChange: onPageChange
}
Lembre-se de definir o método onPageChange, que é acionado quando a página é virada:
const onPageChange = (atual: número) => {
paginação.atual = atual
pageNo.value = paginação.atual
}
No método acima, atribua pagination.current, ou seja, o número da página atual, a pageNo.value, para que pageNo possa ser usado em mais lugares.