diff --git a/packages/malloy-render/src/component/dashboard/dashboard.css b/packages/malloy-render/src/component/dashboard/dashboard.css index edc8af2ac..0ff349ef5 100644 --- a/packages/malloy-render/src/component/dashboard/dashboard.css +++ b/packages/malloy-render/src/component/dashboard/dashboard.css @@ -72,6 +72,11 @@ font-size: 20px; } + .dashboard-item-value-table { + /* Fit ten non-wrapped table rows */ + max-height: 361px; + } + .dashboard-dimension-wrapper { display: grid; grid-template-rows: auto; diff --git a/packages/malloy-render/src/component/dashboard/dashboard.tsx b/packages/malloy-render/src/component/dashboard/dashboard.tsx index d75e1caf5..fba13667b 100644 --- a/packages/malloy-render/src/component/dashboard/dashboard.tsx +++ b/packages/malloy-render/src/component/dashboard/dashboard.tsx @@ -52,6 +52,7 @@ function DashboardItem(props: { class="dashboard-item-value" classList={{ 'dashboard-item-value-measure': props.isMeasure, + 'dashboard-item-value-table': rendering.renderAs === 'table', }} > {rendering.renderValue}