Categories
css html jqgrid jquery twitter-bootstrap

Show Twitter Bootstrap dropdown menu inside JQGrid

I added twitter bootstrap dropdown menu to each JQGrid row using custom cell formatter. When I click the menu it is not fully visible. What style should I apply to show the dropdown menu on the very top of JQGrid row?

enter image description here

HTML:

<td role="gridcell" style="" title=" Actions   Update Delete" aria-describedby="jqg1_actions1">
<div class="btn-group pull-right open">
<div class="dropdown-backdrop"></div>
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-bell"></i> Actions <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href=""><i class="icon-bell"></i> Update</a></li>
<li class="divider"></li>
<li><a href=""><i class="icon-bell"></i> Delete</a></li>
</ul>
</div>
</td>