Fix header being squished by table

This commit is contained in:
jeffvli 2023-01-08 02:13:39 -08:00
parent 5344493845
commit b5ad30a9bc
2 changed files with 12 additions and 10 deletions

View file

@ -8,7 +8,12 @@ import type {
RowDoubleClickedEvent,
} from '@ag-grid-community/core';
import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
import { getColumnDefs, TablePagination, VirtualTable } from '/@/renderer/components';
import {
getColumnDefs,
TablePagination,
VirtualGridAutoSizerContainer,
VirtualTable,
} from '/@/renderer/components';
import {
useCurrentServer,
usePlaylistDetailStore,
@ -185,7 +190,7 @@ export const PlaylistDetailSongListContent = ({ tableRef }: PlaylistDetailConten
};
return (
<>
<VirtualGridAutoSizerContainer>
<VirtualTable
// https://github.com/ag-grid/ag-grid/issues/5284
// Key is used to force remount of table when display, rowHeight, or server changes
@ -222,6 +227,6 @@ export const PlaylistDetailSongListContent = ({ tableRef }: PlaylistDetailConten
/>
)}
</AnimatePresence>
</>
</VirtualGridAutoSizerContainer>
);
};