Multiselect Dropdown in Angular 2

Question

I'm using 2 Multiselect dropdown menus in a td element of a table in html. The number of the dropdowns depend on the array.

<table class="table table-condensed">
    <thead>
        <tr>
            <th>Group Name</th>
            <th>Group Languages</th>
        </tr>                                       
    </thead>
    <tbody>
        <tr *ngFor="let lngGrp of languageGroups let i = index">
            <td>{{ lngGrp.id.groupLanguageName }}</td>
            <td>
                <p-multiSelect [options]="languageOptions" [(ngModel)]="lngGrp.selectedGroupLanguages" [ngModelOptions]="{standalone: true}" [disabled]="viewOnly"></p-multiSelect>
            </td>
        </tr>
    </tbody>
</table>

The problem is that the multiselect dropdown doesn't show up and slides under the next td element. I've tried using PrimeNG and Softsimon's Multiselect dropdown, the same problem persists for both of them. Any idea as to how to show it over the next td element?