2011-10-17 18 views
0

jqGridで生成されたテーブルを読み込むためのスニペットがあります。jqGridでキャプションレイヤの高さを設定する方法

<div id="result"> 
    <table id="resultTable"> 
     <tr> 
      <td /> 
     </tr> 
    </table> 
</div> 

jqGridのCSSを妨害私の他のCSSは、「キャプション層」(表の最上部にオレンジ色のバー)の高さが非常に大きく、ページの他の部分と重なってなる原因となります。申し訳ありませんが、投稿画像は許可されていません。

高さは約10倍大きく、それぞれにわずかに異なる色の3行が含まれているようです。私は正しく、「キャプション層」の表示をすべての私のCSSを削除するが、私は、jgGrid forumで他人による

<style> 
    #result table.scroll thead th {height:30px;} 
</style> 

や提案をリンクでトニーの提案を試みたが、すべてのヘッダー、フッターなどを紛失した場合それらのどれも私のために働かない。 「キャプションレイヤー」の高さを上書きするように設定してください。

+0

私は、自分のページに定義されているCSSの本体コンテナがあり、jqGridが実行していることが正しい位置にテーブルを生成していることを確認してから、この「キャプション」レイヤーを本体のコンテナの内側にサブコンテナを定義することで、それがばかげて大きくなる本体コンテナの境界が、 "キャプションレイヤ"のスペースを制限しています。今はもっと良く見えます。 –

+0

とにかく、私はjqGrid、それだけの問題はjqGridフォーラムです。登録フォームにはパスワードフィールドは含まれていません.UID、電子メールしかありません。確認メールを受け取ったことがないので、「パスワードを忘れる」リンクをクリックすると「新しいパスワードがあなたのメールに送信されます。 JQGridチームの誰かがこのフォーラムの問題についてコメントしてもらいたいと思っています。 –

答えて

1

私はあなたがページ上のどこかで使用されているCSSスタイル "float:left"にいくつかの問題があると思います。近い問題を解決したthe answerを見ることをお勧めします。同じ問題がある場合はstyle="float:left"のような浮動を設定するか、style="clear:left",style="clear:right"またはstyle="clear:both"のように削除する追加のスタイル定義を<div id="result">に追加する必要があります。

浮動小数点型の問題がなく、タイトルのdivをある高さに増やすだけであれば、追加のCSSを静的に設定するか、高さを動的に設定することで問題を解決できます。 The answer は、グリッドのキャプションを見つけてその高さを取得する方法を示します。同じように高さを設定することができます。

関連する問題