Pagination

Pagination controls for datasets and tables.

import { ref } from 'vue' const page = ref(1)

Basic Usage

Pagination

Navigate through pages of data.

Demo will load when visible.

<script setup lang="ts">
import { ref } from 'vue'

const page = ref(1)
</script>

<template>
  <TxPagination
    v-model:current-page="page"
    :total="120"
    :page-size="10"
    show-info
    show-first-last
  />
</template>

API (Lite)

Property	Default	Description
currentPage		Current page
pageSize		Items per page
total		Total items
totalPages	-	Explicit total page count; used when total is not provided
prevIcon		Previous page icon
nextIcon		Next page icon
showInfo		Show total info
showFirstLast		Show first/last buttons