diff --git a/packages/core/src/components/Table/Table.stories.tsx b/packages/core/src/components/Table/Table.stories.tsx
index 3709c301fd..11fa0c44dc 100644
--- a/packages/core/src/components/Table/Table.stories.tsx
+++ b/packages/core/src/components/Table/Table.stories.tsx
@@ -185,3 +185,38 @@ export const SubvalueTable = () => {
);
};
+
+export const DenseTable = () => {
+ const columns: TableColumn[] = [
+ {
+ title: 'Column 1',
+ field: 'col1',
+ highlight: true,
+ },
+ {
+ title: 'Column 2',
+ field: 'col2',
+ },
+ {
+ title: 'Numeric value',
+ field: 'number',
+ type: 'numeric',
+ },
+ {
+ title: 'A Date',
+ field: 'date',
+ type: 'date',
+ },
+ ];
+
+ return (
+
+ );
+};
diff --git a/packages/core/src/components/Table/Table.tsx b/packages/core/src/components/Table/Table.tsx
index 047a6b1990..89aa2dce1f 100644
--- a/packages/core/src/components/Table/Table.tsx
+++ b/packages/core/src/components/Table/Table.tsx
@@ -35,7 +35,6 @@ import ViewColumn from '@material-ui/icons/ViewColumn';
import MTable, {
Column,
MaterialTableProps,
- MTableCell,
MTableHeader,
MTableToolbar,
Options,
@@ -96,14 +95,6 @@ const tableIcons = {
)),
};
-const useCellStyles = makeStyles(theme => ({
- root: {
- color: theme.palette.grey[500],
- padding: theme.spacing(0, 2, 0, 2.5),
- height: '56px',
- },
-}));
-
const useHeaderStyles = makeStyles(theme => ({
header: {
padding: theme.spacing(1, 2, 1, 2.5),
@@ -169,7 +160,6 @@ export function Table({
subtitle,
...props
}: TableProps) {
- const cellClasses = useCellStyles();
const headerClasses = useHeaderStyles();
const toolbarClasses = useToolbarStyles();
const theme = useTheme();
@@ -185,9 +175,6 @@ export function Table({
return (
components={{
- Cell: cellProps => (
-
- ),
Header: headerProps => (
),
diff --git a/packages/theme/src/baseTheme.ts b/packages/theme/src/baseTheme.ts
index 955b182ae9..dc68db11d6 100644
--- a/packages/theme/src/baseTheme.ts
+++ b/packages/theme/src/baseTheme.ts
@@ -118,9 +118,12 @@ export function createThemeOverrides(theme: BackstageTheme): Overrides {
verticalAlign: 'middle',
lineHeight: '1',
margin: 0,
- padding: '8px',
+ padding: theme.spacing(3, 2, 3, 2.5),
borderBottom: 0,
},
+ sizeSmall: {
+ padding: theme.spacing(1, 2, 1, 2.5),
+ },
head: {
wordBreak: 'break-word',
overflow: 'hidden',
diff --git a/plugins/sentry/src/components/SentryIssuesTable/SentryIssuesTable.tsx b/plugins/sentry/src/components/SentryIssuesTable/SentryIssuesTable.tsx
index e861c6bbe5..cebd5563f4 100644
--- a/plugins/sentry/src/components/SentryIssuesTable/SentryIssuesTable.tsx
+++ b/plugins/sentry/src/components/SentryIssuesTable/SentryIssuesTable.tsx
@@ -64,7 +64,7 @@ const SentryIssuesTable: FC = ({ sentryIssues }) => {
return (