mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
Grafana-ui: fixes no data message in Table component (#30821)
* Wip * fix(grafana-ui): add no data message to Table component
This commit is contained in:
parent
9b4d4915b0
commit
4f684cc498
@ -206,15 +206,21 @@ export const Table: FC<Props> = memo((props: Props) => {
|
||||
})}
|
||||
</div>
|
||||
)}
|
||||
<FixedSizeList
|
||||
height={height - headerHeight}
|
||||
itemCount={rows.length}
|
||||
itemSize={tableStyles.rowHeight}
|
||||
width={'100%'}
|
||||
style={{ overflow: 'hidden auto' }}
|
||||
>
|
||||
{RenderRow}
|
||||
</FixedSizeList>
|
||||
{rows.length > 0 ? (
|
||||
<FixedSizeList
|
||||
height={height - headerHeight}
|
||||
itemCount={rows.length}
|
||||
itemSize={tableStyles.rowHeight}
|
||||
width={'100%'}
|
||||
style={{ overflow: 'hidden auto' }}
|
||||
>
|
||||
{RenderRow}
|
||||
</FixedSizeList>
|
||||
) : (
|
||||
<div style={{ height: height - headerHeight }} className={tableStyles.noData}>
|
||||
No data to show
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</CustomScrollbar>
|
||||
</div>
|
||||
|
@ -157,6 +157,13 @@ export const getTableStyles = stylesFactory((theme: GrafanaTheme) => {
|
||||
cursor: pointer;
|
||||
padding: 0 ${theme.spacing.xxs};
|
||||
`,
|
||||
noData: css`
|
||||
align-items: center;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
`,
|
||||
};
|
||||
});
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user