Metronic 8 Datatable pagination with icons for 'prev' and 'next' buttons
Hello,
I coudn't find JS file example or documentation page about implementing Metronics pagination for use in Datatable.
I tried to add metronic classes to list item manually via JS which has all adjustments for DT data. I want to use <ul class="pagination pagination-outline"> which listed in your doc. page: https://preview.keenthemes.com/html/metronic/docs/base/pagination
Here is my example: http://usubaliev.com/satis
Below the table you can see I don't have <i> icons for 'prev' and 'next' buttons. They are just greather and less than signs.
How I can use your style in my DT table footer?
ps: I had to add classes manually [code]
---
"drawCallback": function () {// Add class KT Pagination class to DT pagination
var paginationUL = $('.paginate-outer ul.pagination');
paginationUL.addClass('pagination-outline compact');
}, etc...
Replies (3)
Hi,
If you are using Datatables plugin you can refer to the docs here. The datatable plugin has its own built-in pagination. At the moment the datatable support only this default pagination style.
Metronic's simple pagination component is used for custom tables where you implement the pagination logic by yourself.
Regards.
Hi, it was so silly question 
I had to change this:
"paginate": {
"previous": "<",
"next": ">"
}
to this:
paginate: {
previous: '<i class="previous"></i>',
next: '<i class="next"></i>'
}
// ) Thank you. Have a good day.
PS: Now I'm posting another question related radio buttons in one row (inline). Why there is no example in your doc's for radio or checkboxes in a row, I'm trying to figure out that.
Hi ,
Great work. Glad to hear that!
We have more advanced form examples here. Basically, you can use radios, switches, and checkboxes in any layout you need. If you provide us with more details we will guide you further.
Regards.
