VuetablePaginationMixin

VuetablePaginationMixin

Properties

# css

• type: Object
• default:

  {
    wrapperClass: 'ui right floated pagination menu',
    activeClass: 'active large',
    disabledClass: 'disabled',
    pageClass: 'item',
    linkClass: 'icon item',
    paginationClass: 'ui bottom attached segment grid',
    paginationInfoClass: 'left floated left aligned six wide column',
    dropdownClass: 'ui search dropdown',
    icons: {
      first: 'angle double left icon',
      prev: 'left chevron icon',
      next: 'right chevron icon',
      last: 'angle double right icon',
    }
  }

descripton

# on-each-side

• type: Number
• default: 2

descripton

Computed

# totalPage

• return: Number

description

# isOnFirstPage

• return: Boolean

description

# isOnLastPage

• return: Boolean

description

# notEnoughPages

• return: Boolean

description

# windowSize

• return: Number

description

# windowStart

• return: Number

description

Data

# tablePagination

• type: Object
• default: null

Methods

# isCurrentPage

• params:

  • page: Number

  description

# setPaginationData

• params:

  • tablePagination: Object

  description

# resetData

• params: none

• description

  This method will set tablePagination to null.

Events

# vuetable-pagination:change-page

• payload:

  • page: Number, String

  description: