Having some trouble with the z-index of the bootstrap dropdown in the kendo table. Here is a working fiddle:
http://jsfiddle.net/DTcHh/3142/
The dropdown is appearing underneath the table body. Unsure what the issue could be?
HTML
<table class="table">
<thead>
<tr>
<th><span>Row</span> <li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle>Messages <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Inbox</a></li>
<li><a href="#">Drafts</a></li>
<li><a href="#">Sent Items</a></li>
<li class="divider"></li>
<li><a href="#">Trash</a></li>
</ul>
</li></th>
<th>First Name</th>
<th>Last Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John</td>
<td>Carter</td>
<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2e444146404d4f5c5a4b5c6e43">[email protected]</a></td>
</tr>
<tr>
<td>2</td>
<td>Peter</td>
<td>Parker</td>
<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4c3c2938293e3c2d3e27293e0c21">[email protected]</a></td>
</tr>
<tr>
<td>3</td>
<td>John</td>
<td>Rambo</td>
<td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="452f2a2d2b372428272a0528242">[email protected]</a></td>
</tr>
</tbody>
</table>