Topic: Datatables Dropdown Overlap

stefangregg priority asked 1 year ago

Hia, I have a dynamic datatable with a dropdown in the last column.

However, the dropdown is underneath the pagination section: enter image description here

How can I get this dropdown to be over the datatable pagination since it cuts off access to the other dropdown options?

I using the normal dropdown initialization:

<a id="dropdownMenuLink" data-mdb-toggle="dropdown" aria-expanded="false">Options</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
  <li><a class="dropdown-item">Option 1</a></li>
  <li><a class="dropdown-item">Option 2</a></li>
  <li><a class="dropdown-item">Option 3</a></li>
  <li><a class="dropdown-item">Option 4</a></li>


Kamila Pieńkowska staff answered 1 year ago

You have to override the z-index style for this dropdown to make it appear over pagination.

stefangregg priority commented 1 year ago

That's what I thought as well, but adding "style='z-index:9999 !important;'" to any of the dropdown elements does nothing.

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.1.0
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No