diff --git a/ui/src/ifql/components/TimeMachineTable.tsx b/ui/src/ifql/components/TimeMachineTable.tsx index c90edeb6ac..6f6466ff8b 100644 --- a/ui/src/ifql/components/TimeMachineTable.tsx +++ b/ui/src/ifql/components/TimeMachineTable.tsx @@ -1,9 +1,12 @@ import React, {PureComponent} from 'react' -import {Grid, GridCellProps, AutoSizer} from 'react-virtualized' +import _ from 'lodash' +import {Grid, GridCellProps, AutoSizer, ColumnSizer} from 'react-virtualized' import {ErrorHandling} from 'src/shared/decorators/errors' import {ScriptResult} from 'src/types' +const TIME_COLUMN_WIDTH = 170 + @ErrorHandling export default class TimeMachineTable extends PureComponent { public render() { @@ -13,22 +16,34 @@ export default class TimeMachineTable extends PureComponent {
{({height, width}) => ( - + columnMinWidth={TIME_COLUMN_WIDTH} + columnCount={this.columnCount} + > + {({adjustedWidth, getColumnWidth}) => ( + + )} + )}
) } + private get columnCount(): number { + return _.get(this.props.data, '0', []).length + } + private cellRenderer = ({ columnIndex, key,