Table: Add dataframe name to single table (#74584)

* Add dataframe name to single table

* Extract method

* Update name
This commit is contained in:
Joey 2023-09-13 10:16:02 +01:00 committed by GitHub
parent c1704b5ee4
commit ee96b08f4b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -50,6 +50,14 @@ export class TableContainer extends PureComponent<Props> {
return Math.min(600, Math.max(rowCount * 36, hasSubFrames ? 300 : 0) + 40 + 46);
}
getTableTitle(dataFrames: DataFrame[] | null, data: DataFrame, i: number) {
let title = data.name ? `Table - ${data.name}` : 'Table';
if (dataFrames && dataFrames.length > 1) {
title = `Table - ${data.name || data.refId || i}`;
}
return title;
}
render() {
const { loading, onCellFilterAdded, tableResult, width, splitOpenFn, range, ariaLabel, timeZone } = this.props;
@ -88,7 +96,7 @@ export class TableContainer extends PureComponent<Props> {
frames.map((data, i) => (
<PanelChrome
key={data.refId || `table-${i}`}
title={dataFrames && dataFrames.length > 1 ? `Table - ${data.name || data.refId || i}` : 'Table'}
title={this.getTableTitle(dataFrames, data, i)}
width={width}
height={this.getTableHeight(data.length, this.hasSubFrames(data))}
loadingState={loading ? LoadingState.Loading : undefined}