Dropdown in <td> doesn't work

I have a dropdown-button inside a <td> and the <ul> element right beneath it. When clicking or hovering on the button, the list does not appear. It seems that the button still gets the class active as if it was open but the menu is not visible.

I am using the example straight from http://materializecss.com/dropdown.html but within a table cell.

[RadouaneRoufid]

a workaround :

<td style="position: absolute">
    <a materialize="dropdown" class='dropdown-button'
       data-constrainWidth="false" data-belowOrigin="true"
       [attr.data-activates]="'id">
        <i class="material-icons" title="actions">more_vert</i>
    </a>

    <ul [id]="'id" class='dropdown-content'>
        <li>
            <a >Voir le profil</a>
        </li>

</td>

[jshster]

Entonces no hubo ninguna solución a esto?

Can you provide a JSFiddle that highlights the issue you are experiencing? One of the other things that wasn’t mentioned above (I think) is the use of the coverTrigger property on the drop down. If you have coverTrigger set to false it will appear above or below the trigger button (eg. on the second row as described above). If you can provide a JSFiddle then hopefully we can point you in the right direction.