mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
* Table: Set & use field display processor * Use applyFieldOverrides outside in story instead * Change types a bit * Table: Move to flexible layout * Simplest possible custom field option * Skip default column * Added textAlign * Explore: Set display processor for table data frame * Fixed storybook * Refactoring * Progress on cell display mode * Major progress * Progress & refactoring * Fixes * Updated tests * Added more tests * Table: Progress on cell style customization * Restored testdata random walk table scenario * put back unrelated change * remove unused things * Updated table story * Renamed property Co-authored-by: Ryan McKinley <ryantxu@gmail.com>
28 lines
780 B
TypeScript
28 lines
780 B
TypeScript
//// Libraries
|
|
import _ from 'lodash';
|
|
import React, { PureComponent } from 'react';
|
|
|
|
// Types
|
|
import { PanelEditorProps } from '@grafana/data';
|
|
import { Switch } from '@grafana/ui';
|
|
import { Options } from './types';
|
|
|
|
export class TablePanelEditor extends PureComponent<PanelEditorProps<Options>> {
|
|
onToggleShowHeader = () => {
|
|
this.props.onOptionsChange({ ...this.props.options, showHeader: !this.props.options.showHeader });
|
|
};
|
|
|
|
render() {
|
|
const { showHeader } = this.props.options;
|
|
|
|
return (
|
|
<div>
|
|
<div className="section gf-form-group">
|
|
<h5 className="section-heading">Header</h5>
|
|
<Switch label="Show" labelClass="width-6" checked={showHeader} onChange={this.onToggleShowHeader} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|