100% の剣道グリッドとナビゲーション ヘッダー

スヴェン

剣道グリッドがあり、ナビゲーション要素を含むヘッダーを表示したいと考えています。

Teleriks Dojo の例をご覧ください: http://dojo.telerik.com/iWIXa

< header> 要素を追加すると、全高機能が壊れます (下部のページャーが滑り落ちます)。

この問題を解決するにはどうすればよいですか?

ありがとうスヴェン

サンドマン

ここにある道場の例何が必要ありません。このresizeGrid()関数がグリッドdataBoundイベントおよびwindow.resizeイベント中にどのように呼び出されるかに注意してください

function resizeGrid() {
    var gridElement = $("#grid");
    var dataArea = gridElement.find(".k-grid-content");
    var newHeight = gridElement.parent().innerHeight() - 75; 
    var diff = gridElement.innerHeight() - dataArea.innerHeight();
    gridElement.height(newHeight);
    dataArea.height(newHeight - diff);
}

75 がどのように使用されているかに注意してください。この値は、グリッドを画面の境界内に収めるためにサイズを変更するために使用できる値です。お役に立てれば。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

固定ヘッダー幅100%

分類Dev

剣道グリッドフリーズナビゲーション

分類Dev

剣道UIグリッド-ナビゲーションプロパティへのバインド

分類Dev

チェックボックスとキーボードナビゲーションを備えた剣道ドロップダウンリスト

分類Dev

ナビゲーションバーのサイズに関係なく、ヘッダーの高さを100%に保ちます

分類Dev

ヘッダーとナビゲーションバーの配置

分類Dev

ページオンロード時に剣道グリッドの高さが100%ではない

分類Dev

ナビゲーションプロパティを使用した剣道UIグリッドモデルの作成に関する問題

分類Dev

剣道リストビューナビゲーション

分類Dev

幅100%のHTMLヘッダーをフリーズします

分類Dev

ナビゲーションバーと粘着性のあるBootstrapフッターの間の高さは100%

分類Dev

剣道グリッド付きの複数列ヘッダー

分類Dev

ナビゲーションドロワーヘッダーtextviewnullpointerexception

分類Dev

ナビゲーションドロワーヘッダーtextviewnullpointerexception

分類Dev

ヘッダー画像と固定ナビゲーションバー

分類Dev

ナビゲーションバーのリンクはロゴとして100%の高さです

分類Dev

ヘッダーを画面の100%にする

分類Dev

100%の固定ヘッダーを作成する方法

分類Dev

剣道UIグリッドの高さをラッパーの100%に設定する

分類Dev

ナビゲーションドロワーヘッダーの自動更新

分類Dev

剣道DatePickerヘッダー

分類Dev

%-heightおよび100%contentセクションのスティッキーヘッダー

分類Dev

ナビゲーションドロワーのヘッダー画像をクリックできません

分類Dev

ナビゲーションバー付きのブートストラップ100%ページの高さ

分類Dev

ブートストラップ3ナビゲーションバーとスティッキーフッターを備えた100%高さのDIV

分類Dev

アクション リンクとしての剣道グリッド行

分類Dev

Angular2剣道グリッド用の複数列ヘッダー

分類Dev

Reactナビゲーション-ヘッダーのグラデーションカラー

分類Dev

ヘッダーとフッターの間に100%あり、スクロールがないコンテンツ

Related 関連記事

  1. 1

    固定ヘッダー幅100%

  2. 2

    剣道グリッドフリーズナビゲーション

  3. 3

    剣道UIグリッド-ナビゲーションプロパティへのバインド

  4. 4

    チェックボックスとキーボードナビゲーションを備えた剣道ドロップダウンリスト

  5. 5

    ナビゲーションバーのサイズに関係なく、ヘッダーの高さを100%に保ちます

  6. 6

    ヘッダーとナビゲーションバーの配置

  7. 7

    ページオンロード時に剣道グリッドの高さが100%ではない

  8. 8

    ナビゲーションプロパティを使用した剣道UIグリッドモデルの作成に関する問題

  9. 9

    剣道リストビューナビゲーション

  10. 10

    幅100%のHTMLヘッダーをフリーズします

  11. 11

    ナビゲーションバーと粘着性のあるBootstrapフッターの間の高さは100%

  12. 12

    剣道グリッド付きの複数列ヘッダー

  13. 13

    ナビゲーションドロワーヘッダーtextviewnullpointerexception

  14. 14

    ナビゲーションドロワーヘッダーtextviewnullpointerexception

  15. 15

    ヘッダー画像と固定ナビゲーションバー

  16. 16

    ナビゲーションバーのリンクはロゴとして100%の高さです

  17. 17

    ヘッダーを画面の100%にする

  18. 18

    100%の固定ヘッダーを作成する方法

  19. 19

    剣道UIグリッドの高さをラッパーの100%に設定する

  20. 20

    ナビゲーションドロワーヘッダーの自動更新

  21. 21

    剣道DatePickerヘッダー

  22. 22

    %-heightおよび100%contentセクションのスティッキーヘッダー

  23. 23

    ナビゲーションドロワーのヘッダー画像をクリックできません

  24. 24

    ナビゲーションバー付きのブートストラップ100%ページの高さ

  25. 25

    ブートストラップ3ナビゲーションバーとスティッキーフッターを備えた100%高さのDIV

  26. 26

    アクション リンクとしての剣道グリッド行

  27. 27

    Angular2剣道グリッド用の複数列ヘッダー

  28. 28

    Reactナビゲーション-ヘッダーのグラデーションカラー

  29. 29

    ヘッダーとフッターの間に100%あり、スクロールがないコンテンツ

ホットタグ

アーカイブ