diff --git a/packages/grafana-ui/src/components/Table/RowsList.tsx b/packages/grafana-ui/src/components/Table/RowsList.tsx index 29ee0701a7a..c5bb9ae817a 100644 --- a/packages/grafana-ui/src/components/Table/RowsList.tsx +++ b/packages/grafana-ui/src/components/Table/RowsList.tsx @@ -286,7 +286,8 @@ export const RowsList = (props: RowsListProps) => { // If there's a text wrapping field we set the height of it here if (textWrapField) { - const seriesIndex = data.fields.findIndex((field) => field.name === textWrapField.name); + const visibleFields = data.fields.filter((field) => !Boolean(field.config.custom?.hidden)); + const seriesIndex = visibleFields.findIndex((field) => field.name === textWrapField.name); const pxLineHeight = theme.typography.body.lineHeight * theme.typography.fontSize; const bbox = guessTextBoundingBox( textWrapField.values[index], @@ -369,7 +370,8 @@ export const RowsList = (props: RowsListProps) => { } if (textWrapField) { - const seriesIndex = data.fields.findIndex((field) => field.name === textWrapField.name); + const visibleFields = data.fields.filter((field) => !Boolean(field.config.custom?.hidden)); + const seriesIndex = visibleFields.findIndex((field) => field.name === textWrapField.name); const pxLineHeight = theme.typography.fontSize * theme.typography.body.lineHeight; return guessTextBoundingBox( textWrapField.values[index],