TablePanel: Enable new units picker (#22833)

(cherry picked from commit 58298919)

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

@@ -58,7 +58,7 @@
     <div ng-if="style.type === 'number'">
     <div ng-if="style.type === 'number'">
       <div class="gf-form">
       <div class="gf-form">
         <label class="gf-form-label width-10">Unit</label>
         <label class="gf-form-label width-10">Unit</label>
-        <div class="gf-form-dropdown-typeahead width-16" ng-model="style.unit" dropdown-typeahead2="editor.unitFormats" dropdown-typeahead-on-select="editor.setUnitFormat(style, $subItem)"></div>
+        <unit-picker onChange="editor.setUnitFormat(style)" value="style.unit" width="16"></unit-picker>
       </div>
       </div>
       <div class="gf-form">
       <div class="gf-form">
         <label class="gf-form-label width-10">Decimals</label>
         <label class="gf-form-label width-10">Decimals</label>

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

@@ -73,9 +73,11 @@ export class ColumnOptionsCtrl {
     this.panelCtrl.render();
     this.panelCtrl.render();
   }
   }
 
 
-  setUnitFormat(column: any, subItem: any) {
-    column.unit = subItem.value;
-    this.panelCtrl.render();
+  setUnitFormat(column: any) {
+    return (value: any) => {
+      column.unit = value;
+      this.panelCtrl.render();
+    };
   }
   }
 
 
   addColumnStyle() {
   addColumnStyle() {