mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-05-24 02:14:21 -04:00
43342fb98b
* Vue DataTables * Vue Datatables - Pagination * Sort Vue Tables * Working on Vue Datatables * Apply filter to vue table * Search implementation for vue datatables * Clean up
33 lines
934 B
Vue
33 lines
934 B
Vue
<template>
|
|
<ul class="pagination">
|
|
<li :class="{'disabled': isOnFirstPage}">
|
|
<a href="" @click.prevent="loadPage('prev')">
|
|
<span>«</span>
|
|
</a>
|
|
</li>
|
|
|
|
<template v-if="notEnoughPages">
|
|
<li v-for="n in totalPage" :class="{'active': isCurrentPage(n)}">
|
|
<a @click.prevent="loadPage(n)" v-html="n"></a>
|
|
</li>
|
|
</template>
|
|
<template v-else>
|
|
<li v-for="n in windowSize" :class="{'active': isCurrentPage(windowStart+n-1)}">
|
|
<a @click.prevent="loadPage(windowStart+n-1)" v-html="windowStart+n-1"></a>
|
|
</li>
|
|
</template>
|
|
|
|
<li :class="{'disabled': isOnLastPage}">
|
|
<a href="" @click.prevent="loadPage('next')">
|
|
<span>»</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</template>
|
|
|
|
<script>
|
|
import VuetablePaginationMixin from 'vuetable-2/src/components/VuetablePaginationMixin'
|
|
export default {
|
|
mixins: [VuetablePaginationMixin]
|
|
}
|
|
</script> |