小编Sky*_*ebS的帖子

从Bootstrap中的表行下拉菜单

我正在尝试使用发现的http://www.jasny.net/bootstrap/javascript/#rowlink找到的Jasny扩展从表行中获取一个下拉菜单.不幸的是,我似乎无法让它显示下拉列表.我举例说明了迄今为止我所做的事情:

<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered">
<thead>
    <tr>
        <th>
            Heading
        </th>
        <th>
            Heading
        </th>
    </tr>
</thead>
<tbody data-provides="rowlink">
    <tr class="rowlink">
        <td>
            <div class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                    Click For Dropdown Menu
                </a>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                    <li>
                        <a tabindex="-1" href="#">
                            Action
                        </a>
                    </li>
                    <li>
                        <a tabindex="-1" href="#">
                            Another action
                        </a>
                    </li>
                </ul>
            </div>
        </td>
        <td>
            Click For Dropdown Menu
        </td>    
    </tr>
    <tr>
        <td>
            Cell
        </td>
        <td>
            Cell
        </td>    
    </tr>         
</tbody>
</table>?
Run Code Online (Sandbox Code Playgroud)

单击行将跟随href链接,而不是显示下拉菜单.我可以将rowlink扩展名作为链接或调用模态窗口.我也可以从单个单元格(没有jasny扩展名)得到一个下拉列表,但希望它能从整行开始工作.

row html-table twitter-bootstrap drop-down-menu jasny-bootstrap

3
推荐指数
3
解决办法
3万
查看次数