剣道グリッドが縮小された後に剣道グリッドが縮む

Question

剣道UIとWeb-Engineeringを初めて使用していて、何時間も投資しても解決していない問題に直面しています。

私は8列のグリッドと、Excelのツールバーボタンを持っています。 excelExportイベントを発生させると、レポートにデータを含めるために2つの非表示の列が表示され、その後は再び非表示になります。

私の問題は、非表示の列が表示されても縮小されますが、後で再び非表示になったときにその幅を拡大しないことです。

ここに私のスクリプトがexcelExportイベントのためだ：

<script type="text/javascript"> 
    var exportFlag = false; 

    $(window).load(function() { 
     $("#pr-grid").data("kendoGrid").bind("excelExport",function(e) { 
      if (!exportFlag) { 
       e.sender.showColumn("CallOff"); 
       e.sender.showColumn("LastChange"); 
       e.preventDefault(); 
       exportFlag = true; 
       setTimeout(function() { 
        e.sender.saveAsExcel(); 
       }); 
      } else { 
       e.sender.hideColumn("CallOff"); 
       e.sender.hideColumn("LastChange"); 
       exportFlag = false; 
      } 
     }); 
    }); 
</script> 

私は任意の助けをいただければと思います。 よろしくおねがいします。Paparis

Answer 1

$（ '＃pr-grid table'）width（ '100％'）;

<script type="text/javascript"> 
     var exportFlag = false; 

     function excelExport(e) { 
      if (!exportFlag) { 
       e.sender.showColumn("CallOff"); 
       e.sender.showColumn("LastChange"); 
       e.preventDefault(); 
       exportFlag = true; 
       setTimeout(function() { 
        e.sender.saveAsExcel(); 
       }); 
      } else { 
       e.sender.hideColumn("CallOff"); 
       e.sender.hideColumn("LastChange"); 
       exportFlag = false; 
       $('#grid table').width('100%'); 
      } 
     } 
    </script>