我在 kendo 表中的 bootstrap 下拉列表的 z-index 有问题,这里正在工作 fiddle
http://jsfiddle.net/DTcHh/3142/
dropdwon 在 table 身下面,我不知道哪里出了问题?
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>johncarter@mail.com</td>
</tr>
<tr>
<td>2</td>
<td>Peter</td>
<td>Parker</td>
<td>peterparker@mail.com</td>
</tr>
<tr>
<td>3</td>
<td>John</td>
<td>Rambo</td>
<td>johnrambo@mail.com</td>
</tr>
</tbody>
</table>
最佳答案
尝试将类下拉列表设置为 tr
<tr class="dropdown">
<th ><span>Row</span> <div >
<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>
</div></th>
<th>First Name</th>
<th>Last Name</th>
<th>Email</th>
</tr>
关于html - Kendo 表中的 Bootstrap 下拉列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27901544/