BlogPlaygroundOne

VDataTableFooter API

ads via vuetify

Props
name
type
default
color
string

undefined

Applies specified color to the control - supports utility colors with or without text- prefix (for example success, purple or text-purple) or CSS color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page.

first-icon
  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent

'$first'

First icon.

first-page-label
string

'$vuetify.dataFooter.firstPage'

Label for first page.

items-per-page-options
(number | { title: string; value: number })[]

[
  {value: 10, title: '10'},
  {value: 25, title: '25'},
  {value: 50, title: '50'},
  {value: 100, title: '100'},
  {value: -1, title: '$vuetify.dataFooter.itemsPerPageAll'}
]

Array of options to show in the items-per-page dropdown.

items-per-page-text
string

'$vuetify.dataFooter.itemsPerPageText'

Text for items-per-page dropdown.

last-icon
  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent

'$last'

Last icon.

last-page-label
string

'$vuetify.dataFooter.lastPage'

Label for last page.

next-icon
  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent

'$next'

Next icon.

next-page-label
string

'$vuetify.dataFooter.nextPage'

Label for next page.

page-text
string

'$vuetify.dataFooter.pageText'

Label for page number.

prev-icon
  | string
  | (string | [string, number])[]
  | (new () => any)
  | FunctionalComponent

'$prev'

Previous icon.

prev-page-label
string

'$vuetify.dataFooter.prevPage'

Label for previous page.

show-current-page
boolean

false

Show current page number between prev/next icons.

Slots
never
prepend

Extra content placed before the default pagination.