diff --git a/public/app/plugins/panel/table/editor.ts b/public/app/plugins/panel/table/editor.ts index cad235c74ac..db1b6e3c3ec 100644 --- a/public/app/plugins/panel/table/editor.ts +++ b/public/app/plugins/panel/table/editor.ts @@ -39,6 +39,7 @@ export class TablePanelEditorCtrl { {text: 'Number', value: 'number'}, {text: 'String', value: 'string'}, {text: 'Date', value: 'date'}, + {text: 'Hidden', value: 'hidden'} ]; this.fontSizes = ['80%', '90%', '100%', '110%', '120%', '130%', '150%', '160%', '180%', '200%', '220%', '250%']; this.dateFormats = [ diff --git a/public/app/plugins/panel/table/module.html b/public/app/plugins/panel/table/module.html index 0c69fe6cb9b..8d6f604dc56 100644 --- a/public/app/plugins/panel/table/module.html +++ b/public/app/plugins/panel/table/module.html @@ -4,7 +4,7 @@ -
+
{{col.text}} diff --git a/public/app/plugins/panel/table/renderer.ts b/public/app/plugins/panel/table/renderer.ts index a18f4422351..2f5a51ab111 100644 --- a/public/app/plugins/panel/table/renderer.ts +++ b/public/app/plugins/panel/table/renderer.ts @@ -45,6 +45,12 @@ export class TableRenderer { return this.defaultCellFormater; } + if (style.type === 'hidden') { + return v => { + return undefined; + }; + } + if (style.type === 'date') { return v => { if (v === undefined || v === null) { @@ -123,6 +129,13 @@ export class TableRenderer { widthHack = '
' + this.table.columns[columnIndex].text + '
'; } + if (value === undefined) { + style = ' style="display:none;"'; + this.table.columns[columnIndex].hidden = true; + } else { + this.table.columns[columnIndex].hidden = false; + } + return '' + value + widthHack + ''; }