Dropdowns couldn't keep up with a responsive table

[smplyjr]

I have 14 actions (links) on each dropdown on each row.

However, when trying to open it, it breaks the responsiveness of the whole table itself. I understand that this happens because the nearest relative parent for the .dropdown-menu is the dropdown container itself .btn-group which is inside of a <td> tag.

Do you guys have any solution on mind? Any possible trick to solve the issue?

Thanks in advance.

Fiddle could be found here: https://jsfiddle.net/Lace4rhv/

[smplyjr]

Adding a data-boundary="viewport" to the dropdown trigger element does the trick. #11037 (comment)