In datatable row show a dropdown with actions is hidden in r


Topic: In datatable row show a dropdown with actions is hidden in row

Yiannis Kyriazidis 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 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
  • User: 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
Tags