Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: remove ripple on datatable pagination

1robin priority asked 1 year ago


Expected behavior Datatables pagination doesn´t show ripple on click

Actual behavior Datatables pagination shows ripple on click

How can I remove ripple on datatable pagination???


Kamila Pieńkowska staff answered 1 year ago


You can turn off the ripple effect on any element by setting attribute data-mdb-ripple-init to false.

Example code you can use:

const pagination = document.querySelectorAll('.datatable-pagination-button');
pagination.forEach((button) => {
  button.setAttribute('data-mdb-ripple-init', 'false')
})


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 7.0.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No