Grouped grid with hidden columns causes error "Cannot read property 'groupHeaderColumnTemplate' of undefined"

[Alex-Bubblemaster]

Bug report

Ticket ID 1410772

Reproduction of the problem

If the grid is grouped and all columns are hidden the error is thrown here:

 _renderGroupRows : function() {
 /* Line 9815 in grid.js at the time of posting this issue */
 firstColumnGroupData = !column.groupHeaderTemplate && visibleColumns(that.columns)[0].groupHeaderColumnTemplate ? visibleColumns(that.columns)[0] : false;
}

Current behavior

Expected/desired behavior

No JavaScript error should be thrown by a grouped grid with all hidden columns

Workaround

Dojo

• set grid as autobind false
• change the visibility of the columns array column at index 0
• read the data source
• hide the created rows

  grid.columns[0].hidden = false;
  grid.dataSource.read().then(function(){
  	grid.tbody.find("td").css({display: "none"})
  });

Environment

• Kendo UI version: 2019.2.514
• jQuery version: 1.12