如何让这个下拉菜单显示表格标题单元格中的下拉选项？

Question

我使用bootstrap在HTML表格标题单元格中创建一个下拉菜单，但是单击该按钮时不会显示菜单选项。注： HTML表格位于PHP标记内部，因为我正在从数据库中填充表格。

<?php
echo '<table>';
echo '<th>Item</th> <th>Expiry</th> <th>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Location</button>
<ul class="dropdown-menu" role="menu">
<li><a role="menuitem" tabindex="-1" href="#">Fridge</a></li>
<li><a role="menuitem" tabindex="-1" href="#">Freezer</a></li>
<li><a role="menuitem" tabindex="-1" href="#">Pullout Cupboard</a></li>
</ul>
</div> </th> <th>Remove</th>';

我对编程很新，还没有使用过JavaScript，但我发现这可能是最佳选择。

编辑：这里要求的是我唯一影响此代码的CSS

.databaseTable th, td {
border: 1px solid black;
padding: 5px;

解决！我不得不添加一个jquery.js和bootstrap.js脚本。