github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

feat(ui/datatables): support meta for expandable table

refactor/EE-4337/service-task-datatable
Chaim Lev-Ari 2023-08-16 16:41:03 +03:00
parent 86a848d927
commit f780207b82
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/react/components/datatables/ExpandableDatatable.tsx
View File

@ -1,4 +1,4 @@
import { Row } from '@tanstack/react-table';
import { Row, TableMeta } from '@tanstack/react-table';
import { ReactNode } from 'react';
import { ExpandableDatatableTableRow } from './ExpandableDatatableRow';
@ -9,20 +9,25 @@ import {
} from './Datatable';
import { DefaultType } from './types';
interface Props<D extends DefaultType>
extends Omit<DatatableProps<D>, 'renderRow' | 'expandable'> {
interface Props<
D extends DefaultType,
TMeta extends TableMeta<D> = TableMeta<D>
> extends Omit<DatatableProps<D, TMeta>, 'renderRow' | 'expandable'> {
renderSubRow(row: Row<D>): ReactNode;
expandOnRowClick?: boolean;
}
export function ExpandableDatatable<D extends DefaultType>({
export function ExpandableDatatable<
D extends DefaultType,
TMeta extends TableMeta<D> = TableMeta<D>
>({
renderSubRow,
getRowCanExpand = () => true,
expandOnRowClick,
...props
}: Props<D> & PaginationProps) {
}: Props<D, TMeta> & PaginationProps) {
return (
<Datatable<D>
<Datatable<D, TMeta>
// eslint-disable-next-line react/jsx-props-no-spreading
{...props}
getRowCanExpand={getRowCanExpand}