Topic: fullPagination dont work in mdb-datatable-2
almato premium asked 6 months ago
Expected behavior I want a fullPagination-Border under my table something like that
Rows per page  (1) (2) (3) ... (18) << < > >>
minimum: that i can jump in one step to the end
Actual behavior I can set wat I want i get always a normal pagination
Resources (screenshots, code snippets etc.)
<div class="mt-3"> <mdb-datatable-2 v-if="data.columns.length > 0" @selected="selectedData = $event" v-model="data" small striped multiselectable selectColor="blue lighten-4" bordered arrows :display="7" focus hover hoverColor="#bbdefb" ref="dataTable" fullPagination />
Hi! As of
fullPagination prop, apparently when
display prop is greater than the number of sites that are created by datatable, it will not show the
first page buttons.
For example: when rows per page are set to
10 and you have
55 elements in your table,
:display="7" won't work and you will not see these buttons.
mdb-datatable-2 doesn't provide pagination for each site separately, but you can try to make one yourself with the
I have prepared a snippet with an example to show how it could look like: https://mdbootstrap.com/snippets/vue/b-cylwik/5017608#html-tab-view
I added those issues to our todo list. Best Regards!
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Premium
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: MDB4 6.7.3
- Device: not relevant
- Browser: chrome
- OS: windows 10
- Provided sample code: No
- Provided link: No