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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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