5

Bootstrap ドロップダウン ボタンやツールチップなど、Kendo Grid 内で特定の Bootstrap 要素を使用しようとしています。

問題は、ドロップダウンまたはツールチップが常に下または上の行の下に配置されることです。表示要素の z-index を調整してみましたが、直りません。

誰かがこれに対する解決策を見つけることができましたか?

4

3 に答える 3

7

ドロップダウン メニューのコンテナである .btn-group クラスは相対的に配置されているため、ドロップダウン メニュー クラスの z-index を変更しても何の効果もありません。絶対に配置してから、そこから配置を調整できます。このようなものから始める必要があります:

.k-grid-content .btn-group {
    position: absolute;
}

.k-grid-content .btn-group .btn {  
    top: -10px;
}

実際の動作を示す jsFiddle へのリンク。

于 2013-01-12T07:29:07.933 に答える
3

overflow-y: scroll問題は、実際には必要のないGrid コンテンツが永続的に設定されていることです (仮想化機能で高さが固定されている場合を除きます)。

グリッド コンテンツの CSS を変更してスクロール バーを削除しoverflow: visible、不足しているスクロール バーを考慮して余分なパディングを設定および追加することで、機能するようになりました。

デモ用にjsFiddleを更新しました。

すべての助けをありがとう。

于 2013-01-18T08:55:17.000 に答える