mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-10 04:30:25 +02:00
add autoFitColumns config to tables
This commit is contained in:
@@ -66,6 +66,7 @@ export interface ItemListHandle {
|
|||||||
export type ItemListItem = Album | AlbumArtist | Artist | Playlist | Song | undefined;
|
export type ItemListItem = Album | AlbumArtist | Artist | Playlist | Song | undefined;
|
||||||
|
|
||||||
export interface ItemListTableComponentProps<TQuery> extends ItemListComponentProps<TQuery> {
|
export interface ItemListTableComponentProps<TQuery> extends ItemListComponentProps<TQuery> {
|
||||||
|
autoFitColumns?: boolean;
|
||||||
columns: ItemTableListColumnConfig[];
|
columns: ItemTableListColumnConfig[];
|
||||||
enableAlternateRowColors?: boolean;
|
enableAlternateRowColors?: boolean;
|
||||||
enableHorizontalBorders?: boolean;
|
enableHorizontalBorders?: boolean;
|
||||||
|
|||||||
@@ -90,6 +90,7 @@ export const AlbumListView = ({
|
|||||||
case ListPaginationType.INFINITE: {
|
case ListPaginationType.INFINITE: {
|
||||||
return (
|
return (
|
||||||
<AlbumListInfiniteTable
|
<AlbumListInfiniteTable
|
||||||
|
autoFitColumns={table.autoFitColumns}
|
||||||
columns={table.columns}
|
columns={table.columns}
|
||||||
enableAlternateRowColors={table.enableAlternateRowColors}
|
enableAlternateRowColors={table.enableAlternateRowColors}
|
||||||
enableHorizontalBorders={table.enableHorizontalBorders}
|
enableHorizontalBorders={table.enableHorizontalBorders}
|
||||||
@@ -105,6 +106,7 @@ export const AlbumListView = ({
|
|||||||
case ListPaginationType.PAGINATED: {
|
case ListPaginationType.PAGINATED: {
|
||||||
return (
|
return (
|
||||||
<AlbumListPaginatedTable
|
<AlbumListPaginatedTable
|
||||||
|
autoFitColumns={table.autoFitColumns}
|
||||||
columns={table.columns}
|
columns={table.columns}
|
||||||
enableAlternateRowColors={table.enableAlternateRowColors}
|
enableAlternateRowColors={table.enableAlternateRowColors}
|
||||||
enableHorizontalBorders={table.enableHorizontalBorders}
|
enableHorizontalBorders={table.enableHorizontalBorders}
|
||||||
|
|||||||
@@ -21,6 +21,7 @@ interface AlbumListInfiniteTableProps extends ItemListTableComponentProps<AlbumL
|
|||||||
export const AlbumListInfiniteTable = forwardRef<any, AlbumListInfiniteTableProps>(
|
export const AlbumListInfiniteTable = forwardRef<any, AlbumListInfiniteTableProps>(
|
||||||
(
|
(
|
||||||
{
|
{
|
||||||
|
autoFitColumns = false,
|
||||||
columns,
|
columns,
|
||||||
enableAlternateRowColors = false,
|
enableAlternateRowColors = false,
|
||||||
enableHorizontalBorders = false,
|
enableHorizontalBorders = false,
|
||||||
@@ -61,6 +62,7 @@ export const AlbumListInfiniteTable = forwardRef<any, AlbumListInfiniteTableProp
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<ItemTableList
|
<ItemTableList
|
||||||
|
autoFitColumns={autoFitColumns}
|
||||||
CellComponent={ItemTableListColumn}
|
CellComponent={ItemTableListColumn}
|
||||||
columns={columns}
|
columns={columns}
|
||||||
data={data}
|
data={data}
|
||||||
|
|||||||
@@ -22,6 +22,7 @@ interface AlbumListPaginatedTableProps extends ItemListTableComponentProps<Album
|
|||||||
export const AlbumListPaginatedTable = forwardRef<any, AlbumListPaginatedTableProps>(
|
export const AlbumListPaginatedTable = forwardRef<any, AlbumListPaginatedTableProps>(
|
||||||
(
|
(
|
||||||
{
|
{
|
||||||
|
autoFitColumns = false,
|
||||||
columns,
|
columns,
|
||||||
enableAlternateRowColors = false,
|
enableAlternateRowColors = false,
|
||||||
enableHorizontalBorders = false,
|
enableHorizontalBorders = false,
|
||||||
@@ -71,6 +72,7 @@ export const AlbumListPaginatedTable = forwardRef<any, AlbumListPaginatedTablePr
|
|||||||
totalItemCount={totalItemCount}
|
totalItemCount={totalItemCount}
|
||||||
>
|
>
|
||||||
<ItemTableList
|
<ItemTableList
|
||||||
|
autoFitColumns={autoFitColumns}
|
||||||
CellComponent={ItemTableListColumn}
|
CellComponent={ItemTableListColumn}
|
||||||
columns={columns}
|
columns={columns}
|
||||||
currentPage={currentPage}
|
currentPage={currentPage}
|
||||||
|
|||||||
@@ -85,6 +85,7 @@ export const SongListView = ({
|
|||||||
case ListPaginationType.INFINITE:
|
case ListPaginationType.INFINITE:
|
||||||
return (
|
return (
|
||||||
<SongListInfiniteTable
|
<SongListInfiniteTable
|
||||||
|
autoFitColumns={table.autoFitColumns}
|
||||||
columns={table.columns}
|
columns={table.columns}
|
||||||
enableAlternateRowColors={table.enableAlternateRowColors}
|
enableAlternateRowColors={table.enableAlternateRowColors}
|
||||||
enableHorizontalBorders={table.enableHorizontalBorders}
|
enableHorizontalBorders={table.enableHorizontalBorders}
|
||||||
@@ -99,6 +100,7 @@ export const SongListView = ({
|
|||||||
case ListPaginationType.PAGINATED:
|
case ListPaginationType.PAGINATED:
|
||||||
return (
|
return (
|
||||||
<SongListPaginatedTable
|
<SongListPaginatedTable
|
||||||
|
autoFitColumns={table.autoFitColumns}
|
||||||
columns={table.columns}
|
columns={table.columns}
|
||||||
enableAlternateRowColors={table.enableAlternateRowColors}
|
enableAlternateRowColors={table.enableAlternateRowColors}
|
||||||
enableHorizontalBorders={table.enableHorizontalBorders}
|
enableHorizontalBorders={table.enableHorizontalBorders}
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ interface SongListInfiniteTableProps extends ItemListTableComponentProps<SongLis
|
|||||||
export const SongListInfiniteTable = forwardRef<any, SongListInfiniteTableProps>(
|
export const SongListInfiniteTable = forwardRef<any, SongListInfiniteTableProps>(
|
||||||
(
|
(
|
||||||
{
|
{
|
||||||
|
autoFitColumns = false,
|
||||||
columns,
|
columns,
|
||||||
enableAlternateRowColors = false,
|
enableAlternateRowColors = false,
|
||||||
enableHorizontalBorders = false,
|
enableHorizontalBorders = false,
|
||||||
@@ -56,6 +57,7 @@ export const SongListInfiniteTable = forwardRef<any, SongListInfiniteTableProps>
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<ItemTableList
|
<ItemTableList
|
||||||
|
autoFitColumns={autoFitColumns}
|
||||||
CellComponent={ItemTableListColumn}
|
CellComponent={ItemTableListColumn}
|
||||||
columns={columns}
|
columns={columns}
|
||||||
data={data}
|
data={data}
|
||||||
|
|||||||
@@ -17,6 +17,7 @@ interface SongListPaginatedTableProps extends ItemListTableComponentProps<SongLi
|
|||||||
export const SongListPaginatedTable = forwardRef<any, SongListPaginatedTableProps>(
|
export const SongListPaginatedTable = forwardRef<any, SongListPaginatedTableProps>(
|
||||||
(
|
(
|
||||||
{
|
{
|
||||||
|
autoFitColumns = false,
|
||||||
columns,
|
columns,
|
||||||
enableAlternateRowColors = false,
|
enableAlternateRowColors = false,
|
||||||
enableHorizontalBorders = false,
|
enableHorizontalBorders = false,
|
||||||
@@ -66,6 +67,7 @@ export const SongListPaginatedTable = forwardRef<any, SongListPaginatedTableProp
|
|||||||
totalItemCount={totalItemCount}
|
totalItemCount={totalItemCount}
|
||||||
>
|
>
|
||||||
<ItemTableList
|
<ItemTableList
|
||||||
|
autoFitColumns={autoFitColumns}
|
||||||
CellComponent={ItemTableListColumn}
|
CellComponent={ItemTableListColumn}
|
||||||
columns={columns}
|
columns={columns}
|
||||||
currentPage={currentPage}
|
currentPage={currentPage}
|
||||||
|
|||||||
Reference in New Issue
Block a user