Preparing search index...

    Interface GroupTableProps<RowRecord, GroupRecord, ColumnRecord>

    Пропсы таблицы с группировкой

    interface GroupTableProps<
        RowRecord extends Record<string, any> = Record<string, any>,
        GroupRecord extends GroupRecordType = GroupRecordType,
        ColumnRecord = void,
    > {
        addText: ReactNode;
        canAdd?: boolean;
        canCollapseLocked?: boolean;
        canDelete?: boolean;
        cellRenderer?: (
            props: GroupTableCellRendererProps<RowRecord, ColumnRecord>,
        ) => ReactNode;
        cellViewType?:
            | CELL_VIEW_TYPE
            | (
                (
                    column: TableColumn<RowRecord, ColumnRecord>,
                    rowData: RowRecord,
                    index: number,
                ) => CELL_VIEW_TYPE
            );
        checkedGroups: string[];
        collapsedRowsText?: string;
        collapseText?: string;
        columnHeights?: { [key: string]: number };
        columns: TableColumn<RowRecord, ColumnRecord>[];
        columnWidths?: { [key: string]: number };
        customHeaderCheckbox?: ReactNode;
        data: TableGroupData<RowRecord, GroupRecord, ColumnRecord>[];
        deleteText: ReactNode;
        disabledForCheckLockedRows?: number[];
        emptyTableRenderer?: (
            isLoading: boolean,
            emptyTableText: string,
        ) => ReactNode;
        emptyTableText?: string;
        expandedGroups: string[];
        expandText?: string;
        filterValues?: { [key: string]: any };
        getRowType?: (rowIndex: number) => ROW_TYPE;
        groupRenderer?: (
            props: TableGroupData<RowRecord, GroupRecord, ColumnRecord>,
            defaultRenderer: (
                props: TableGroupData<RowRecord, GroupRecord, ColumnRecord>,
            ) => ReactNode,
            tableRenderer: (
                props: TableGroupData<RowRecord, GroupRecord, ColumnRecord>,
            ) => ReactNode,
        ) => ReactNode;
        hasCellPadding?: boolean;
        hasChecked?: boolean;
        hasHeader?: boolean;
        hasHeaderBg?: boolean;
        hasNavigation?: boolean;
        hasPagination?: boolean;
        hideLastRowBorder?: boolean;
        isAutoHeightFill?: boolean;
        isAutoScrollToSelected?: boolean;
        isChangedAxes?: boolean;
        isEditable?: boolean;
        isGroupCheckable?: boolean;
        isGrouped?: boolean;
        isHeaderCheckable?: boolean;
        isLoading?: boolean;
        isLockedCollapsed?: boolean;
        isLockedRowsCheckable?: boolean;
        isMultiselect?: boolean;
        isResizable?: boolean;
        isRowsCheckable?: boolean;
        isRowsSelectable?: boolean;
        isScrollOverflowAuto?: boolean;
        isSortable?: boolean;
        isStriped?: boolean;
        loadingGroups: string[];
        loadingText: string;
        loadMoreText?: string;
        lockedRowActions?: (
            props: GroupTableRowActionsProps<RowRecord, ColumnRecord>,
        ) => ReactNode;
        maxRowsBeforeOverflow?: number;
        noLockedLimit?: boolean;
        onAllCheck?: (isCheck: boolean) => void;
        onChangeColumnHeight?: (columnId: string, newHeight: number) => void;
        onChangeColumnWidth?: (columnId: string, newWidth: number) => void;
        onCollapseLocked?: (groupName: string) => void;
        onFilter?: (columnId: string, isClear?: boolean) => void;
        onGroupCheck?: (groupName: string, checked: boolean) => void;
        onGroupCollapse?: (groupName: string) => void;
        onGroupExpand?: (groupName: string) => void;
        onLockedRowCheck?: (rowIndex: GroupTableIndex) => void;
        onLockedRowClick?: (rowIndex: GroupTableIndex) => void;
        onResetFilter?: (columnId: string) => void;
        onRowAdd?: (groupName: string) => void;
        onRowCheck?: (
            rowIndex: GroupTableIndex,
            checked: boolean,
            isShiftPressed?: boolean,
        ) => void;
        onRowClick?: (rowIndex: GroupTableIndex) => void;
        onRowDoubleClick?: (rowIndex: GroupTableIndex) => void;
        onRowMouseEnter?: (rowIndex: GroupTableIndex) => void;
        onRowMouseLeave?: (rowIndex: GroupTableIndex) => void;
        onRowsDelete?: (rowIndexes: GroupTableIndex[]) => void;
        onSort?: (
            columnId: string,
            newSortDirection: TableSortDirection,
            currentSortDirection: TableSortDirection,
            columnData?: ColumnRecord,
        ) => void;
        rowActions?: (
            props: GroupTableRowActionsProps<RowRecord, ColumnRecord>,
        ) => ReactNode;
        sortDirection?: { [key: string]: TableSortDirection };
        unsetText: string;
    }

    Type Parameters

    Hierarchy

    • Omit<
          TableProps<RowRecord, ColumnRecord>,

              | "data"
              | "lockedData"
              | "onRowClick"
              | "onRowDoubleClick"
              | "onRowMouseEnter"
              | "onRowMouseLeave"
              | "onRowAdd"
              | "onRowsDelete"
              | "onLockedRowClick"
              | "rowWidths"
              | "rowHeights"
              | "getRowKey"
              | "selectedRows"
              | "disabledForCheckRows"
              | "cellRenderer"
              | "onCollapseLocked"
              | "lockedRowActions"
              | "rowActions"
              | "editableCell"
              | "checkedRows"
              | "checkedLockedRows"
              | "highlightedRows"
              | "onCellEdit"
              | "onCellEditStart"
              | "onRowCheck"
              | "onLockedRowCheck"
              | "onMove",
      >
      • GroupTableProps
    Index

    Properties

    addText: ReactNode
    canAdd?: boolean
    canCollapseLocked?: boolean
    canDelete?: boolean
    cellRenderer?: (
        props: GroupTableCellRendererProps<RowRecord, ColumnRecord>,
    ) => ReactNode

    Рендер ячейки

    Type declaration

    cellViewType?:
        | CELL_VIEW_TYPE
        | (
            (
                column: TableColumn<RowRecord, ColumnRecord>,
                rowData: RowRecord,
                index: number,
            ) => CELL_VIEW_TYPE
        )
    checkedGroups: string[]

    Имена групп, которые должны быть отмечены

    collapsedRowsText?: string
    collapseText?: string
    columnHeights?: { [key: string]: number }
    columnWidths?: { [key: string]: number }
    customHeaderCheckbox?: ReactNode

    Данные для отображения в таблице

    deleteText: ReactNode
    disabledForCheckLockedRows?: number[]
    emptyTableRenderer?: (isLoading: boolean, emptyTableText: string) => ReactNode
    emptyTableText?: string
    expandedGroups: string[]

    Имена групп, которые должны быть раскрыты

    expandText?: string
    filterValues?: { [key: string]: any }
    getRowType?: (rowIndex: number) => ROW_TYPE
    groupRenderer?: (
        props: TableGroupData<RowRecord, GroupRecord, ColumnRecord>,
        defaultRenderer: (
            props: TableGroupData<RowRecord, GroupRecord, ColumnRecord>,
        ) => ReactNode,
        tableRenderer: (
            props: TableGroupData<RowRecord, GroupRecord, ColumnRecord>,
        ) => ReactNode,
    ) => ReactNode

    Рендер-функция группы

    Type declaration

    hasCellPadding?: boolean
    hasChecked?: boolean
    hasHeader?: boolean
    hasHeaderBg?: boolean
    hasNavigation?: boolean
    hasPagination?: boolean
    hideLastRowBorder?: boolean
    isAutoHeightFill?: boolean
    isAutoScrollToSelected?: boolean
    isChangedAxes?: boolean
    isEditable?: boolean
    isGroupCheckable?: boolean

    Возможность выбора группы

    isGrouped?: boolean
    isHeaderCheckable?: boolean
    isLoading?: boolean
    isLockedCollapsed?: boolean
    isLockedRowsCheckable?: boolean
    isMultiselect?: boolean
    isResizable?: boolean
    isRowsCheckable?: boolean
    isRowsSelectable?: boolean
    isScrollOverflowAuto?: boolean
    isSortable?: boolean
    isStriped?: boolean
    loadingGroups: string[]

    Имена групп, которые должны быть загружены

    loadingText: string
    loadMoreText?: string

    Текст кнопки "Загрузить ещё"

    lockedRowActions?: (
        props: GroupTableRowActionsProps<RowRecord, ColumnRecord>,
    ) => ReactNode

    Действия для строк в заблокированной области

    Type declaration

    maxRowsBeforeOverflow?: number
    noLockedLimit?: boolean
    onAllCheck?: (isCheck: boolean) => void
    onChangeColumnHeight?: (columnId: string, newHeight: number) => void
    onChangeColumnWidth?: (columnId: string, newWidth: number) => void
    onCollapseLocked?: (groupName: string) => void

    Обработчик скрытия группы

    Type declaration

      • (groupName: string): void
      • Parameters

        • groupName: string

          Имя группы

        Returns void

    onFilter?: (columnId: string, isClear?: boolean) => void
    onGroupCheck?: (groupName: string, checked: boolean) => void

    Обработчик выбора группы

    Type declaration

      • (groupName: string, checked: boolean): void
      • Parameters

        • groupName: string

          Имя группы

        • checked: boolean

          Флаг, указывающий на то, что группа выбрана

        Returns void

    onGroupCollapse?: (groupName: string) => void

    Обработчик раскрытия группы

    Type declaration

      • (groupName: string): void
      • Parameters

        • groupName: string

          Имя группы

        Returns void

    onGroupExpand?: (groupName: string) => void

    Обработчик раскрытия группы

    Type declaration

      • (groupName: string): void
      • Parameters

        • groupName: string

          Имя группы

        Returns void

    onLockedRowCheck?: (rowIndex: GroupTableIndex) => void

    Обработчик выбора строки в заблокированной области

    Type declaration

    onLockedRowClick?: (rowIndex: GroupTableIndex) => void

    Обработчик клика по строке в заблокированной области

    Type declaration

    onResetFilter?: (columnId: string) => void
    onRowAdd?: (groupName: string) => void

    Обработчик добавления строки

    Type declaration

      • (groupName: string): void
      • Parameters

        • groupName: string

          Имя группы

        Returns void

    onRowCheck?: (
        rowIndex: GroupTableIndex,
        checked: boolean,
        isShiftPressed?: boolean,
    ) => void

    Обработчик выбора строки

    Type declaration

      • (rowIndex: GroupTableIndex, checked: boolean, isShiftPressed?: boolean): void
      • Parameters

        • rowIndex: GroupTableIndex

          Индекс строки

        • checked: boolean

          Флаг, указывающий на то, что строка выбрана

        • OptionalisShiftPressed: boolean

          Флаг, указывающий на то, что была нажата клавиша Shift

        Returns void

    onRowClick?: (rowIndex: GroupTableIndex) => void

    Обработчик клика по строке

    Type declaration

    onRowDoubleClick?: (rowIndex: GroupTableIndex) => void

    Обработчик двойного клика по строке

    Type declaration

    onRowMouseEnter?: (rowIndex: GroupTableIndex) => void

    Обработчик наведения курсора на строку

    Type declaration

    onRowMouseLeave?: (rowIndex: GroupTableIndex) => void

    Обработчик ухода курсора с строки

    Type declaration

    onRowsDelete?: (rowIndexes: GroupTableIndex[]) => void

    Обработчик удаления строк

    Type declaration

    onSort?: (
        columnId: string,
        newSortDirection: TableSortDirection,
        currentSortDirection: TableSortDirection,
        columnData?: ColumnRecord,
    ) => void
    rowActions?: (
        props: GroupTableRowActionsProps<RowRecord, ColumnRecord>,
    ) => ReactNode

    Действия для строк

    Type declaration

    sortDirection?: { [key: string]: TableSortDirection }
    unsetText: string