JQgridの高さと幅

Question

私はaspxページにjqgridsを2つ持っています。私はこれらの高さをjqgridsに設定して、ページ全体をスクロールせずに両方が見えるようにしたいと思います。 だから、まず問題はjqgridsの高さで、ここで私は、その検索のためのjqgridのloadcomplete機能に見つかったすべてのデータがある二jqgrid場合にのみ表示するスクリーンショット検索ボタンのクリックで

Both Jqgrids

がありますitem.Thisは私のjqgridデザインです：

 <div class="row" style="margin: 0; padding: 0;"> 
       <div class="col-md-12" style="margin: 0; padding: 0"> 
        <div id="showGridSearchResult" style="display:none"> 
         <table id="GrdSearchResult" style="text-align: center;"></table> 
         <div id="GrdSearchResultpagingGrid"></div> 
        </div> 

       </div> 
      </div> 

そしてladcompleteに、私はこの

を行っています私は、データが存在したときにのみ表示されます第二 jqgridため show()と hide()メソッドを使用する場合

loadComplete: function (record) {       
         if (record.d.records != 0) { 
          $("#imgLoading").hide(); 
          $("#showGridSearchResult").show();        
          isfirstload = false; 
          isreloadnewdata = false; 
         } 
         else { 
          $("#showGridSearchResult").hide();         
          MessageBox("No Records Found!!"); 
          $("#divn").addClass("alert alert-danger"); 
          $("#imgLoading").hide(); 

         } 

第二の問題は、show()とhide()方法の使用後に幅が歪んますされています。ここで問題グリッドの歪みやjqgrid

Answer 1

グリッドオプションで設定されたグリッドの高さの高さの両方を助けてください画像にデータの高さ

Distorted Jqgrid

されています。小さな例外を除いて、エントリグリッドの高さ=データの高さ+ポケットベルの高さ（存在する場合）+ヘッダー行の高さ+キャプションの高さ（プリセットの場合）

したがって、これらの高さを考慮する必要があります。私は、グリッドのIDを使用しないことをお勧めしますグリッドを表示し、非表示にするには

が、

$("#gbox_showGridSearchResult).hide(); 

代わりの

$("#showGridSearchResult").hide();