don't render hidden columns in table panel (#12911)

public/app/plugins/panel/table/module.html

@@ -5,7 +5,7 @@
 		<table class="table-panel-table">
 		<table class="table-panel-table">
 			<thead>
 			<thead>
 				<tr>
 				<tr>
-					<th ng-repeat="col in ctrl.table.columns" ng-hide="col.hidden">
+					<th ng-repeat="col in ctrl.table.columns" ng-if="!col.hidden">
 						<div class="table-panel-table-header-inner pointer" ng-click="ctrl.toggleColumnSort(col, $index)">
 						<div class="table-panel-table-header-inner pointer" ng-click="ctrl.toggleColumnSort(col, $index)">
 							{{col.title}}
 							{{col.title}}
 							<span class="table-panel-table-header-controls" ng-if="col.sort">
 							<span class="table-panel-table-header-controls" ng-if="col.sort">

public/app/plugins/panel/table/renderer.ts

@@ -238,6 +238,10 @@ export class TableRenderer {
       column.hidden = false;
       column.hidden = false;
     }
     }
 
 
+    if (column.hidden === true) {
+      return '';
+    }
+
     if (column.style && column.style.preserveFormat) {
     if (column.style && column.style.preserveFormat) {
       cellClasses.push('table-panel-cell-pre');
       cellClasses.push('table-panel-cell-pre');
     }
     }