title: Kendo UI Grid, Group Header not collapsed when using row template
body: <p>I'm using Kendo UI grid, which has a Group by default. In the group header, it shows some aggregate info. It also uses row template to show row info, i.e. show a Check mark for 'True', Cross mark for 'False'. The code is at below:</p>
  
  <pre><code>&lt;script id="rowTemplate" type="text/x-kendo-tmpl"&gt;
      &lt;tr&gt;
  
      &lt;td&gt;
  
          &lt;/td&gt;
      &lt;td&gt;
              #: Portfolio #
          &lt;/td&gt;
  
      &lt;td&gt;
              #: Folder #
          &lt;/td&gt;
  
      &lt;td&gt;
              #: FileName #
          &lt;/td&gt;
  
      &lt;td&gt;
              #: DocumentType #
          &lt;/td&gt;
  
      &lt;td&gt;
              #: ActionTime #
          &lt;/td&gt;
  
      &lt;td&gt;
              #: UserName #
          &lt;/td&gt;
  
      &lt;td&gt;
              #: CompanyName #
          &lt;/td&gt;
  
      &lt;td&gt;
          &lt;img src="Images/downloaded_#:data.Downloaded#.png" alt="downloaded_#:data.Downloaded#.png" /&gt;        
          &lt;/td&gt;
  
  
     &lt;/tr&gt;
  &lt;/script&gt;
  
  
  var dataSource = new kendo.data.DataSource( {
      schema: {
              model: {
                  fields: {
                          ... (some other fields)
  
                          DocumentType: { type: "string" },
                          CompanyName: { type: "string" },
                          Downloaded: { type: "number" }
                  }
              }
      },
      pageSize: 200,
  
      group: {
          field: "CompanyName", aggregates: [
              { field: "CompanyName", aggregate: "count" },
              { field: "DocumentType", aggregate: "count" },
          ]
      },
      aggregate: [{ field: "CompanyName", aggregate: "count" },
              { field: "DocumentType", aggregate: "count" },
              { field: "Downloaded", aggregate: "sum" },
      ]
      });
  
      ... (some other configurations)
  
      dataSource: dataSource,
      columns: [
          ... (some other fields)
          {
              field: "DocumentType", title: "Document Type", width: "80px"
          },
          {
              field: "CompanyName", title: "Company Name", width: "100px"
                      , aggregates: ["count"]
                      , groupHeaderTemplate: "Company Name: #=value# (#=getDownloaded(data)# / #=count#)" 
          },
          {
              field: "Downloaded", title: "Downloaded", width: "50px"             
          },
  
      ],
  
      sortable: true,
      filterable: true,
      selectable: true,
      pageable: {
          refresh: false,
          pageSizes: [10, 20, 50, 100, 200],       // true,
          buttonCount: 5
      },
  
      scrollable: false,
      rowTemplate: $.proxy(kendo.template($("#rowTemplate").html()), dataSource),
  
  });
  </code></pre>
  
  <p>It works fine and show the grid correctly. However, if I click to collapse the group header (Yellow circle in below screen shot), it does not work. But if I do not use row template, i.e. comment out this line:</p>
  
  <pre><code>rowTemplate: $.proxy(kendo.template($("#rowTemplate").html()), dataSource),
  </code></pre>
  
  <p>Then it works fine (but I want to show the image for Downloaded column).</p>
  
  <p><img src="https://i.stack.imgur.com/D5xOV.png" alt="enter image description here"></p>
  
  <p>Is this a bug in Kendo? Anyone knows what I did wrong? Thanks.</p>