dropdown on thead no work

Massimo1974

this drop menu is positioned below the table how can I adjust with the css?
<thead>
<tr>
<th ><span class="fa fa-check fa-fw"></span></th>
<th ><span class="fa fa-star-o fa-fw"></span></th>
<th ><span class="fa fa-eye fa-fw"></span></th>
<th ><span class="fa fa-lock fa-fw"></span></th>
<th ><span class="fa fa-bar-chart fa-fw"></span></th>
<th style="padding:5px;">
<div class="btn-group btn-group-xs dropright">
<button type="button" id="star" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-star-o fa-lg"></i>
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu dropdown-menu-auto-width animated flipInX" role="menu">
<li><a href="#" id="star-a"><i class="fa fa-star" style="color:#ffc107"></i></a></li>
<li><a href="#" id="star-o"><i class="fa fa-star-o" style="color:red"></i></a></li>
<li><a href="#" id="star-del"><i class="fa fa-trash" style="color:red"></i></a></li>
</ul>
</div>
</th>
</tr>
</thead>

colin

Hi @Massimo1974 ,

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin