如何在表單元格（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; 
}