Tables: optionally show field type icon in tables (#38855)

public/app/features/dashboard/components/PanelEditor/PanelEditorTableView.tsx

@@ -19,6 +19,7 @@ export function PanelEditorTableView({ width, height, panel, dashboard }: Props)
   const [options, setOptions] = useState<PanelOptions>({
     frameIndex: 0,
     showHeader: true,
+    showTypeIcons: true,
   });
 
   // Subscribe to panel event

public/app/features/inspector/InspectDataTab.tsx

@@ -228,7 +228,7 @@ export class InspectDataTab extends PureComponent<Props, State> {
 
               return (
                 <div style={{ width, height }}>
-                  <Table width={width} height={height} data={dataFrame} />
+                  <Table width={width} height={height} data={dataFrame} showTypeIcons={true} />
                 </div>
               );
             }}

public/app/plugins/panel/table/TablePanel.tsx

@@ -86,6 +86,7 @@ export class TablePanel extends Component<Props> {
         width={width}
         data={frame}
         noHeader={!options.showHeader}
+        showTypeIcons={options.showTypeIcons}
         resizable={true}
         initialSortBy={options.sortBy}
         onSortByChange={this.onSortByChange}

public/app/plugins/panel/table/models.cue

@@ -25,6 +25,7 @@ Family: {
                 PanelOptions: {
                     frameIndex: number | *0
                     showHeader: bool | *true
+                    showTypeIcons: bool | *false
                     sortBy?: [...ui.TableSortByFieldState]
                 }
                 PanelFieldConfig: {

public/app/plugins/panel/table/models.gen.ts

@@ -14,12 +14,14 @@ export const modelVersion = Object.freeze([1, 0]);
 export interface PanelOptions {
   frameIndex: number;
   showHeader: boolean;
+  showTypeIcons?: boolean;
   sortBy?: TableSortByFieldState[];
 }
 
 export const defaultPanelOptions: PanelOptions = {
   frameIndex: 0,
   showHeader: true,
+  showTypeIcons: false,
 };
 
 export interface PanelFieldConfig {