diff --git a/superset-frontend/src/components/TableView/TableView.tsx b/superset-frontend/src/components/TableView/TableView.tsx index a6c441d5f9525..fc8854a4d26fe 100644 --- a/superset-frontend/src/components/TableView/TableView.tsx +++ b/superset-frontend/src/components/TableView/TableView.tsx @@ -77,7 +77,7 @@ const TableViewStyles = styled.div<{ isPaginationSticky && ` position: sticky; - bottom: ${theme.gridUnit * 4}px; + bottom: 0; left: 0; `}; } diff --git a/superset-frontend/src/explore/components/DataTablesPane.tsx b/superset-frontend/src/explore/components/DataTablesPane.tsx index bd650f4a08e6a..5aff881a74f85 100644 --- a/superset-frontend/src/explore/components/DataTablesPane.tsx +++ b/superset-frontend/src/explore/components/DataTablesPane.tsx @@ -17,7 +17,7 @@ * under the License. */ import React, { useCallback, useEffect, useState } from 'react'; -import { styled, t, css } from '@superset-ui/core'; +import { styled, t } from '@superset-ui/core'; import Collapse from 'src/common/components/Collapse'; import Tabs from 'src/common/components/Tabs'; import Loading from 'src/components/Loading'; @@ -80,6 +80,26 @@ const TabsWrapper = styled.div<{ contentHeight: number }>` } `; +const CollapseWrapper = styled.div` + height: 100%; + + .collapse-inner { + height: 100%; + + .ant-collapse-item { + height: 100%; + + .ant-collapse-content { + height: calc(100% - ${({ theme }) => theme.gridUnit * 8}px); + + .ant-collapse-content-box { + height: 100%; + } + } + } + } +`; + export const DataTablesPane = ({ queryFormData, tableSectionHeight, @@ -257,49 +277,39 @@ export const DataTablesPane = ({ return ( - - + - - - {renderDataTable(RESULT_TYPES.results)} - - - {renderDataTable(RESULT_TYPES.samples)} - - - - + + + + {renderDataTable(RESULT_TYPES.results)} + + + {renderDataTable(RESULT_TYPES.samples)} + + + + + );