1

テーブル内の1つを、<th></th>クリックしたときにドロップダウンを表示するリンクにします。また、同じドロップダウンの右側にフィルターボタンが配置された入力フィールドが必要です。

                <th>
                    <div class="dropdown inline-dropdown input-dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <span>Name</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu input-dropdown-menu">
                            <li>
                                <input class="pull-left input-first" type="text"/>
                                <button type="submit" class="btn">Filter</button>
                            </li>
                        </ul>
                    </div>
                </th>

詳細については、私のフィドルを参照してください。

古い: http: //jsfiddle.net/qeT6T/19/

更新: http: //jsfiddle.net/qeT6T/47/

4

2 に答える 2

0

これは全体的なソリューションには速すぎて汚いかもしれませんが、これをcssに追加するのはどうですか?

.table .input-append {
   width: 300px;
}

ここでの例:http:
//jsfiddle.net/VeMBq/1/

于 2012-12-29T22:54:21.657 に答える
0

white-space: nowrapドロップダウンを置くli

.dropdown-menu li {
    white-space: nowrap;
}

http://jsfiddle.net/userdude/qeT6T/55/

于 2012-12-29T22:55:35.697 に答える