效果:
代码:
<a-table:dataSource="dataSource":columns="columns":pagination="pagination"@change="handleTableChange":scroll="{ x: '100%', y: 600 }">
</a-table>
export default defineComponent({setup() {const current = ref(1);const pageSize = ref(10);const pagination = computed(() => ({current: current.value,pageSize: pageSize.value,total: 30,showTotal: (total) => `共 ${total} 条`,pageSizeOptions: ["5", "10", "15"],showSizeChanger: true,}));const handleTableChange = (pag, filters, sorter) => {current.value = pag.current;pageSize.value = pag.pageSize;};return {pagination,handleTableChange,};},
});