3

正しい位置にとどまるために取り組んでいる JQuery Bootgrid テーブルのページネーション要素を取得するのに問題があります。何を試しても、最後のテーブル行に対して相対的に配置されているようです。コンテナー div を相対に設定し、上、左などを使用しようとしましたが、機能しませんでした。以下は、ページネーションの現在の位置を示すいくつかの写真です。

ここに画像の説明を入力

ここに画像の説明を入力

「Click Me!」というラベルの付いたボタンと同じようにページネーションを配置しようとしています。これは、テーブル内の項目数に関係なく、要素を永続的に配置したい場所です。 ここに画像の説明を入力

ページネーション要素は、これを使用してターゲットにすることができます:

" #form .bootgrid-footer .pagination, .bootgrid-header .pagination "

JSFiddleでデモをセットアップしました。CSS セクションの最後のエントリは、上記のようにラベル付けされ、Bootgrid ページネーションのスタイリングに影響します。

See JSFiddle
4

1 に答える 1

1

http://jsfiddle.net/1k5btepn/3/

#grid-command-buttons-footer .col-sm-6 {
    position: absolute;
    top: 450px;
}

問題は、.pagination 要素の CSS を設定した場合、たとえそれがabsoluteであっても、要素に対して相対的であるということです.col-sm-6(.col-クラスは であるためposition: relative)。しかし、正しい.col-sm-6要素をターゲットにすれば、好きなように配置できます。

于 2016-10-21T05:43:37.810 に答える