title: Kendo-ui Angular 7 How to export multiple grids as one excel file?
body: <p>I have seen this question asked a few times before for Angular 2 however I don't see a question specifically asking about Angular 6 or 7.</p>
  
  <p>I have a page of multiple grids that I'm trying to export as one excel file. Even if it's multiple worksheets.</p>
  
  <pre><code>&lt;!-- Section header 1 --&gt;
  &lt;kendo-grid [data]="data.something" scrollable="none"&gt;
    &lt;kendo-grid-column field="item"&gt;&lt;/kendo-grid-column&gt;
    &lt;kendo-grid-column field="amount"&gt;&lt;/kendo-grid-column&gt;
    &lt;kendo-grid-column field="price"&gt;&lt;/kendo-grid-column&gt;
  &lt;/kendo-grid&gt;
  
  &lt;!-- Section header 2 --&gt;
  &lt;kendo-grid [data]="data.something2" scrollable="none"&gt;
    &lt;kendo-grid-column field="item"&gt;&lt;/kendo-grid-column&gt;
    &lt;kendo-grid-column field="amount"&gt;&lt;/kendo-grid-column&gt;
    &lt;kendo-grid-column field="price"&gt;&lt;/kendo-grid-column&gt;
  &lt;/kendo-grid&gt;
  </code></pre>
  
  <p>These are inside a few wrapper components with the top level wrapper being a kendo-pdf-export tag.</p>
  
  <p>How would I go about exporting the grids into one Excel file?</p>