Dropdown elements such as ngx-dropdown are hidden with overflow

I’m submitting a … (check one with “x”)

[ x ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior Have a dropdown / ngx-dropdown in a data cell

Expected behavior Dropdown should work

Reproduction of the problem use the following code

<ngx-dropdown>
                <ngx-dropdown-toggle>
                    <button class="btn btn-default">
                        test
                    </button>
                </ngx-dropdown-toggle>
                <ngx-dropdown-menu>
                    <ul class="vertical-list">
                        <li> test </li>
                        <li> test </li>
                    </ul>
                </ngx-dropdown-menu>
            </ngx-dropdown>

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

• Table version: 0.8.x

• Angular version: 2.0.x

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

• Language: [all | TypeScript X.X | ES6/7 | ES5]

[caugello]

I’ve solved my issue with:

.datatable-body-cell {
  overflow-y: visible !important;
  overflow-x: visible !important;
}

 .ngx-datatable {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

[lmedeiros]

Try adding this css style

.datatable-body-cell { overflow-x: visible !important; }

It worked for me with a bootstrap dropdown inside a cell