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: In datatable row show a dropdown with actions is hidden in row

Yiannis Kyriazidis free asked 3 years ago


I widh to show in a datatable an actions column with dropdown. But as you cna see in example the dropdown menu is hidden. How can I make it show over the row so options are visible ?

https://mdbootstrap.com/snippets/standard/yiannis_kyriazidis/3554240


Dawid Wajszczuk staff answered 3 years ago


Hi,

You need to change overflow: hidden; property of datatable's cells. You can try this CSS code:

.datatable table td, .datatable table th {
    overflow: visible;
}

Here is the snippet https://mdbootstrap.com/snippets/standard/d-wajszczuk/3558812.

Keep coding,
Dawid


Yiannis Kyriazidis free commented 3 years ago

thanks. that works.



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: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.1
  • Device: windows desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes