diff --git a/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx b/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx index e0eac5d0..afefde34 100644 --- a/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx +++ b/src/renderer/features/playlists/components/playlist-detail-song-list-content.tsx @@ -125,6 +125,12 @@ export const PlaylistDetailSongListContent = ({ tableRef }: PlaylistDetailConten [filters, pagination.scrollOffset, playlistId, queryClient, server], ); + const handleGridSizeChange = () => { + if (page.table.autoFit) { + tableRef?.current?.api.sizeColumnsToFit(); + } + }; + const onPaginationChanged = useCallback( (event: PaginationChangedEvent) => { if (!isPaginationEnabled || !event.api) return; @@ -211,6 +217,7 @@ export const PlaylistDetailSongListContent = ({ tableRef }: PlaylistDetailConten onColumnMoved={handleColumnChange} onColumnResized={debouncedColumnChange} onGridReady={onGridReady} + onGridSizeChanged={handleGridSizeChange} onPaginationChanged={onPaginationChanged} onRowDoubleClicked={handleRowDoubleClick} /> diff --git a/src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx b/src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx index 19310786..0947b31b 100644 --- a/src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx +++ b/src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx @@ -16,7 +16,7 @@ import { useDeletePlaylist } from '/@/renderer/features/playlists/mutations/dele import { Button, Paper, Text, toast, VirtualGridContainer } from '/@/renderer/components'; import { SaveAsPlaylistForm } from '/@/renderer/features/playlists/components/save-as-playlist-form'; import { useCurrentServer } from '/@/renderer/store'; -import { ServerType, SongListSort, SortOrder } from '/@/renderer/api/types'; +import { ServerType, SongListSort } from '/@/renderer/api/types'; const PlaylistDetailSongListRoute = () => { const navigate = useNavigate(); @@ -178,6 +178,7 @@ const PlaylistDetailSongListRoute = () => { Query Editor