如何在表单元格（td）上使用引导程序的下拉菜单？

Question

我有引导layouted一个简单的HTML表：

[...] 
<td data-toggle="dropdown" class="tag dropdown-toggle"> 
<span class="number">Employee1</span> 
<ul class="dropdown-menu"><li><a href="#">to nightshift</a></li> 
</ul> 
</td> 
[...] 

但是当我点击单元格，下拉不会出现。 如何让下拉菜单在此处显示？

https://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp

我需要听td.click手动？

Answer 1

我认为这会对您有所帮助。你错过了父母下拉班，并在样式表中添加了下面的CSS。

HTML

<tr class="dropdown"> 
    <td class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">John <span class="caret"></span> 
     <ul class="dropdown-menu"> 
     <li><a href="#">HTML</a></li> 
     <li><a href="#">CSS</a></li> 
     <li><a href="#">JavaScript</a></li> 
     </ul> 
    </td> 
    <td>Doe</td> 
    <td>john@example.com</td> 
    </tr> 

CSS

.open ul.dropdown-menu { 
    display: block; 
}