Les colonnes de grille rétrécissent dans la grille de Kendo après exportation excel

Question

Je suis nouveau à Kendo-UI et Web-Engineering et je suis confronté à un problème que je n'ai pas résolu après avoir investi des heures de temps.

J'ai une grille avec 8 colonnes et un bouton de barre d'outils Excel. Lorsque je lance l'événement excelExport, je montre 2 autres colonnes cachées pour inclure leurs données dans le rapport, et après je les cache à nouveau.

Mon problème est que mes colonnes se rétrécissent pour les colonnes cachées lorsqu'elles sont affichées, mais ne développent pas leur largeur par la suite lorsqu'elles sont à nouveau masquées.

Voici mon script pour l'événement 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> 

Je vous remercie de toute aide. Cordialement Paparis

Answer 1

$ ('# table de pré-grille'). 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>