diff --git a/static/app/views/explore/tables/spansTable.tsx b/static/app/views/explore/tables/spansTable.tsx index cbf4274f3902e1..8637d05976229d 100644 --- a/static/app/views/explore/tables/spansTable.tsx +++ b/static/app/views/explore/tables/spansTable.tsx @@ -103,8 +103,13 @@ export function SpansTable({setError}: SpansTableProps) { userQuery: query, }); + const visibleFields = useMemo( + () => (fields.includes('id') ? fields : ['id', ...fields]), + [fields] + ); + const {tableStyles} = useTableStyles({ - items: fields.map(field => { + items: visibleFields.map(field => { return { label: field, value: field, @@ -122,7 +127,7 @@ export function SpansTable({setError}: SpansTableProps) { - {fields.map((field, i) => { + {visibleFields.map((field, i) => { // Hide column names before alignment is determined if (result.isPending) { return ; @@ -176,7 +181,7 @@ export function SpansTable({setError}: SpansTableProps) { ) : result.isFetched && result.data?.length ? ( result.data?.map((row, i) => ( - {fields.map((field, j) => { + {visibleFields.map((field, j) => { return (