add autoFitColumns config to tables

This commit is contained in:
jeffvli
2025-11-12 20:46:12 -08:00
parent 8e25a7ac38
commit a7b36e75d0
7 changed files with 13 additions and 0 deletions
@@ -66,6 +66,7 @@ export interface ItemListHandle {
export type ItemListItem = Album | AlbumArtist | Artist | Playlist | Song | undefined;
export interface ItemListTableComponentProps<TQuery> extends ItemListComponentProps<TQuery> {
autoFitColumns?: boolean;
columns: ItemTableListColumnConfig[];
enableAlternateRowColors?: boolean;
enableHorizontalBorders?: boolean;
@@ -90,6 +90,7 @@ export const AlbumListView = ({
case ListPaginationType.INFINITE: {
return (
<AlbumListInfiniteTable
autoFitColumns={table.autoFitColumns}
columns={table.columns}
enableAlternateRowColors={table.enableAlternateRowColors}
enableHorizontalBorders={table.enableHorizontalBorders}
@@ -105,6 +106,7 @@ export const AlbumListView = ({
case ListPaginationType.PAGINATED: {
return (
<AlbumListPaginatedTable
autoFitColumns={table.autoFitColumns}
columns={table.columns}
enableAlternateRowColors={table.enableAlternateRowColors}
enableHorizontalBorders={table.enableHorizontalBorders}
@@ -21,6 +21,7 @@ interface AlbumListInfiniteTableProps extends ItemListTableComponentProps<AlbumL
export const AlbumListInfiniteTable = forwardRef<any, AlbumListInfiniteTableProps>(
(
{
autoFitColumns = false,
columns,
enableAlternateRowColors = false,
enableHorizontalBorders = false,
@@ -61,6 +62,7 @@ export const AlbumListInfiniteTable = forwardRef<any, AlbumListInfiniteTableProp
return (
<ItemTableList
autoFitColumns={autoFitColumns}
CellComponent={ItemTableListColumn}
columns={columns}
data={data}
@@ -22,6 +22,7 @@ interface AlbumListPaginatedTableProps extends ItemListTableComponentProps<Album
export const AlbumListPaginatedTable = forwardRef<any, AlbumListPaginatedTableProps>(
(
{
autoFitColumns = false,
columns,
enableAlternateRowColors = false,
enableHorizontalBorders = false,
@@ -71,6 +72,7 @@ export const AlbumListPaginatedTable = forwardRef<any, AlbumListPaginatedTablePr
totalItemCount={totalItemCount}
>
<ItemTableList
autoFitColumns={autoFitColumns}
CellComponent={ItemTableListColumn}
columns={columns}
currentPage={currentPage}
@@ -85,6 +85,7 @@ export const SongListView = ({
case ListPaginationType.INFINITE:
return (
<SongListInfiniteTable
autoFitColumns={table.autoFitColumns}
columns={table.columns}
enableAlternateRowColors={table.enableAlternateRowColors}
enableHorizontalBorders={table.enableHorizontalBorders}
@@ -99,6 +100,7 @@ export const SongListView = ({
case ListPaginationType.PAGINATED:
return (
<SongListPaginatedTable
autoFitColumns={table.autoFitColumns}
columns={table.columns}
enableAlternateRowColors={table.enableAlternateRowColors}
enableHorizontalBorders={table.enableHorizontalBorders}
@@ -16,6 +16,7 @@ interface SongListInfiniteTableProps extends ItemListTableComponentProps<SongLis
export const SongListInfiniteTable = forwardRef<any, SongListInfiniteTableProps>(
(
{
autoFitColumns = false,
columns,
enableAlternateRowColors = false,
enableHorizontalBorders = false,
@@ -56,6 +57,7 @@ export const SongListInfiniteTable = forwardRef<any, SongListInfiniteTableProps>
return (
<ItemTableList
autoFitColumns={autoFitColumns}
CellComponent={ItemTableListColumn}
columns={columns}
data={data}
@@ -17,6 +17,7 @@ interface SongListPaginatedTableProps extends ItemListTableComponentProps<SongLi
export const SongListPaginatedTable = forwardRef<any, SongListPaginatedTableProps>(
(
{
autoFitColumns = false,
columns,
enableAlternateRowColors = false,
enableHorizontalBorders = false,
@@ -66,6 +67,7 @@ export const SongListPaginatedTable = forwardRef<any, SongListPaginatedTableProp
totalItemCount={totalItemCount}
>
<ItemTableList
autoFitColumns={autoFitColumns}
CellComponent={ItemTableListColumn}
columns={columns}
currentPage={currentPage}