Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Pagination First and Last links


i have purchased Metronic but i have an issue with version 8 , paging first and last links css
style not affected .
when i make some debugging i did not found the style in style.bundle.css Or datatables.bundle.css
plz help me as soon as
thanks


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (11)


Hi,

Sorry for the late reply. May I know which pagination links are you referring to? The datatables plugin pagination here or base pagination component ?

Regards.



mean that i m not able to do this with metronic 8
<<first <previous 123 >next last >>



Hi,

May I know which pagination component are you using in Metronic 8

We have the first and last pagination step examples in the datatables plugin pagination here or base pagination component.

Could you please double-check?

Regards.



i m working with this demo "https://preview.keenthemes.com/metronic8/demo7/apps/ecommerce/customers/listing.html"
and i use it's paging plugin so i m not able to see first ,last , next , and previous links , despite of i m edit javascript code configuration and set
<< pagingType: "full_numbers" >>



i have make some serach in datatable.bundle.js and i found the solution
in line 15775
thanks



Glad to hear that. All the best with your project. happy



thanks , i have a small issue with exporting arabic letters from datatable
check the link
https://prnt.sc/gSohgWFN9Yyr

thanks



Hi,

Are you referring to Datatable buttons extension here ? If yes, please check this forum discussion

Regards.



I am having the same problem. How can I set the datatables pagingType to "full_numbers"? I tried adding it to /assets/js/custom/apps/user-management/users/list/table.js, but it is not working



I can modify everything else in the datatables so far, except for pagingType. I tried looking at the /assets/plugins/custom/datatables/datatables.bundle.js but I cannot find a way to make it work. Help please. Thank you.



Hi,

Can you try to change it in the global Datatable init script src/js/vendors/plugins/datatables.init.js and then rerun the gulp/webpack to recompile the assets js files globally.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(