Backstage
    Preparing search index...

    Interface RowProps<T>

    interface RowProps<T> {
        children?: ReactNode | ((item: T) => ReactElement);
        className?: ClassNameOrFunction<RowRenderProps>;
        columns?: Iterable<T, any, any>;
        dependencies?: readonly any[];
        dir?: string;
        download?: string | boolean;
        hasChildItems?: boolean;
        hidden?: boolean;
        href?: string;
        hrefLang?: string;
        id?: Key;
        inert?: boolean;
        isDisabled?: boolean;
        lang?: string;
        noTrack?: boolean;
        onAction?: () => void;
        onAnimationEnd?: AnimationEventHandler<HTMLTableRowElement>;
        onAnimationEndCapture?: AnimationEventHandler<HTMLTableRowElement>;
        onAnimationIteration?: AnimationEventHandler<HTMLTableRowElement>;
        onAnimationIterationCapture?: AnimationEventHandler<HTMLTableRowElement>;
        onAnimationStart?: AnimationEventHandler<HTMLTableRowElement>;
        onAnimationStartCapture?: AnimationEventHandler<HTMLTableRowElement>;
        onAuxClick?: MouseEventHandler<HTMLTableRowElement>;
        onAuxClickCapture?: MouseEventHandler<HTMLTableRowElement>;
        onClick?: (e: MouseEvent<FocusableElement>) => void;
        onClickCapture?: MouseEventHandler<HTMLTableRowElement>;
        onContextMenu?: MouseEventHandler<HTMLTableRowElement>;
        onContextMenuCapture?: MouseEventHandler<HTMLTableRowElement>;
        onDoubleClick?: MouseEventHandler<HTMLTableRowElement>;
        onDoubleClickCapture?: MouseEventHandler<HTMLTableRowElement>;
        onGotPointerCapture?: PointerEventHandler<HTMLTableRowElement>;
        onGotPointerCaptureCapture?: PointerEventHandler<HTMLTableRowElement>;
        onHoverChange?: (isHovering: boolean) => void;
        onHoverEnd?: (e: HoverEvent) => void;
        onHoverStart?: (e: HoverEvent) => void;
        onLostPointerCapture?: PointerEventHandler<HTMLTableRowElement>;
        onLostPointerCaptureCapture?: PointerEventHandler<HTMLTableRowElement>;
        onMouseDown?: MouseEventHandler<HTMLTableRowElement>;
        onMouseDownCapture?: MouseEventHandler<HTMLTableRowElement>;
        onMouseEnter?: MouseEventHandler<HTMLTableRowElement>;
        onMouseLeave?: MouseEventHandler<HTMLTableRowElement>;
        onMouseMove?: MouseEventHandler<HTMLTableRowElement>;
        onMouseMoveCapture?: MouseEventHandler<HTMLTableRowElement>;
        onMouseOut?: MouseEventHandler<HTMLTableRowElement>;
        onMouseOutCapture?: MouseEventHandler<HTMLTableRowElement>;
        onMouseOver?: MouseEventHandler<HTMLTableRowElement>;
        onMouseOverCapture?: MouseEventHandler<HTMLTableRowElement>;
        onMouseUp?: MouseEventHandler<HTMLTableRowElement>;
        onMouseUpCapture?: MouseEventHandler<HTMLTableRowElement>;
        onPointerCancel?: PointerEventHandler<HTMLTableRowElement>;
        onPointerCancelCapture?: PointerEventHandler<HTMLTableRowElement>;
        onPointerDown?: PointerEventHandler<HTMLTableRowElement>;
        onPointerDownCapture?: PointerEventHandler<HTMLTableRowElement>;
        onPointerEnter?: PointerEventHandler<HTMLTableRowElement>;
        onPointerLeave?: PointerEventHandler<HTMLTableRowElement>;
        onPointerMove?: PointerEventHandler<HTMLTableRowElement>;
        onPointerMoveCapture?: PointerEventHandler<HTMLTableRowElement>;
        onPointerOut?: PointerEventHandler<HTMLTableRowElement>;
        onPointerOutCapture?: PointerEventHandler<HTMLTableRowElement>;
        onPointerOver?: PointerEventHandler<HTMLTableRowElement>;
        onPointerOverCapture?: PointerEventHandler<HTMLTableRowElement>;
        onPointerUp?: PointerEventHandler<HTMLTableRowElement>;
        onPointerUpCapture?: PointerEventHandler<HTMLTableRowElement>;
        onPress?: (e: PressEvent) => void;
        onPressChange?: (isPressed: boolean) => void;
        onPressEnd?: (e: PressEvent) => void;
        onPressStart?: (e: PressEvent) => void;
        onPressUp?: (e: PressEvent) => void;
        onScroll?: UIEventHandler<HTMLTableRowElement>;
        onScrollCapture?: UIEventHandler<HTMLTableRowElement>;
        onTouchCancel?: TouchEventHandler<HTMLTableRowElement>;
        onTouchCancelCapture?: TouchEventHandler<HTMLTableRowElement>;
        onTouchEnd?: TouchEventHandler<HTMLTableRowElement>;
        onTouchEndCapture?: TouchEventHandler<HTMLTableRowElement>;
        onTouchMove?: TouchEventHandler<HTMLTableRowElement>;
        onTouchMoveCapture?: TouchEventHandler<HTMLTableRowElement>;
        onTouchStart?: TouchEventHandler<HTMLTableRowElement>;
        onTouchStartCapture?: TouchEventHandler<HTMLTableRowElement>;
        onTransitionCancel?: TransitionEventHandler<HTMLTableRowElement>;
        onTransitionCancelCapture?: TransitionEventHandler<HTMLTableRowElement>;
        onTransitionEnd?: TransitionEventHandler<HTMLTableRowElement>;
        onTransitionEndCapture?: TransitionEventHandler<HTMLTableRowElement>;
        onTransitionRun?: TransitionEventHandler<HTMLTableRowElement>;
        onTransitionRunCapture?: TransitionEventHandler<HTMLTableRowElement>;
        onTransitionStart?: TransitionEventHandler<HTMLTableRowElement>;
        onTransitionStartCapture?: TransitionEventHandler<HTMLTableRowElement>;
        onWheel?: WheelEventHandler<HTMLTableRowElement>;
        onWheelCapture?: WheelEventHandler<HTMLTableRowElement>;
        ping?: string;
        referrerPolicy?: HTMLAttributeReferrerPolicy;
        rel?: string;
        render?: DOMRenderFunction<"div" | "tr", RowRenderProps>;
        routerOptions?: NavigateOptions;
        style?: StyleOrFunction<RowRenderProps>;
        target?: HTMLAttributeAnchorTarget;
        textValue?: string;
        translate?: "yes" | "no";
        value?: T;
    }

    Type Parameters

    • T

    Hierarchy (View Summary)

    Index

    Properties

    children? className? columns? dependencies? dir? download? hasChildItems? hidden? href? hrefLang? id? inert? isDisabled? lang? noTrack? onAction? onAnimationEnd? onAnimationEndCapture? onAnimationIteration? onAnimationIterationCapture? onAnimationStart? onAnimationStartCapture? onAuxClick? onAuxClickCapture? onClick? onClickCapture? onContextMenu? onContextMenuCapture? onDoubleClick? onDoubleClickCapture? onGotPointerCapture? onGotPointerCaptureCapture? onHoverChange? onHoverEnd? onHoverStart? onLostPointerCapture? onLostPointerCaptureCapture? onMouseDown? onMouseDownCapture? onMouseEnter? onMouseLeave? onMouseMove? onMouseMoveCapture? onMouseOut? onMouseOutCapture? onMouseOver? onMouseOverCapture? onMouseUp? onMouseUpCapture? onPointerCancel? onPointerCancelCapture? onPointerDown? onPointerDownCapture? onPointerEnter? onPointerLeave? onPointerMove? onPointerMoveCapture? onPointerOut? onPointerOutCapture? onPointerOver? onPointerOverCapture? onPointerUp? onPointerUpCapture? onPress? onPressChange? onPressEnd? onPressStart? onPressUp? onScroll? onScrollCapture? onTouchCancel? onTouchCancelCapture? onTouchEnd? onTouchEndCapture? onTouchMove? onTouchMoveCapture? onTouchStart? onTouchStartCapture? onTransitionCancel? onTransitionCancelCapture? onTransitionEnd? onTransitionEndCapture? onTransitionRun? onTransitionRunCapture? onTransitionStart? onTransitionStartCapture? onWheel? onWheelCapture? ping? referrerPolicy? rel? render? routerOptions? style? target? textValue? translate? value?

    Properties

    children?: ReactNode | ((item: T) => ReactElement)
    className?: ClassNameOrFunction<RowRenderProps>

    The CSS className for the element. A function may be provided to compute the class based on component state.

    'react-aria-Row'
    columns?: Iterable<T, any, any>
    dependencies?: readonly any[]

    Values that should invalidate the cell cache when using dynamic collections.

    dir?: string
    download?: string | boolean

    Causes the browser to download the linked URL. A string may be provided to suggest a file name. See MDN.

    hasChildItems?: boolean

    Whether this row has children, even if not loaded yet.

    hidden?: boolean
    href?: string
    hrefLang?: string

    Hints at the human language of the linked URL. SeeMDN.

    id?: Key

    The unique id of the row.

    inert?: boolean
    isDisabled?: boolean

    Whether the row is disabled.

    lang?: string
    noTrack?: boolean
    onAction?: () => void

    Handler that is called when a user performs an action on the row. The exact user event depends on the collection's selectionBehavior prop and the interaction modality.

    onAnimationEnd?: AnimationEventHandler<HTMLTableRowElement>
    onAnimationEndCapture?: AnimationEventHandler<HTMLTableRowElement>
    onAnimationIteration?: AnimationEventHandler<HTMLTableRowElement>
    onAnimationIterationCapture?: AnimationEventHandler<HTMLTableRowElement>
    onAnimationStart?: AnimationEventHandler<HTMLTableRowElement>
    onAnimationStartCapture?: AnimationEventHandler<HTMLTableRowElement>
    onAuxClick?: MouseEventHandler<HTMLTableRowElement>
    onAuxClickCapture?: MouseEventHandler<HTMLTableRowElement>
    onClick?: (e: MouseEvent<FocusableElement>) => void

    Not recommended – use onPress instead. onClick is an alias for onPress provided for compatibility with other libraries. onPress provides additional event details for non-mouse interactions.

    onClickCapture?: MouseEventHandler<HTMLTableRowElement>
    onContextMenu?: MouseEventHandler<HTMLTableRowElement>
    onContextMenuCapture?: MouseEventHandler<HTMLTableRowElement>
    onDoubleClick?: MouseEventHandler<HTMLTableRowElement>
    onDoubleClickCapture?: MouseEventHandler<HTMLTableRowElement>
    onGotPointerCapture?: PointerEventHandler<HTMLTableRowElement>
    onGotPointerCaptureCapture?: PointerEventHandler<HTMLTableRowElement>
    onHoverChange?: (isHovering: boolean) => void

    Handler that is called when the hover state changes.

    onHoverEnd?: (e: HoverEvent) => void

    Handler that is called when a hover interaction ends.

    onHoverStart?: (e: HoverEvent) => void

    Handler that is called when a hover interaction starts.

    onLostPointerCapture?: PointerEventHandler<HTMLTableRowElement>
    onLostPointerCaptureCapture?: PointerEventHandler<HTMLTableRowElement>
    onMouseDown?: MouseEventHandler<HTMLTableRowElement>
    onMouseDownCapture?: MouseEventHandler<HTMLTableRowElement>
    onMouseEnter?: MouseEventHandler<HTMLTableRowElement>
    onMouseLeave?: MouseEventHandler<HTMLTableRowElement>
    onMouseMove?: MouseEventHandler<HTMLTableRowElement>
    onMouseMoveCapture?: MouseEventHandler<HTMLTableRowElement>
    onMouseOut?: MouseEventHandler<HTMLTableRowElement>
    onMouseOutCapture?: MouseEventHandler<HTMLTableRowElement>
    onMouseOver?: MouseEventHandler<HTMLTableRowElement>
    onMouseOverCapture?: MouseEventHandler<HTMLTableRowElement>
    onMouseUp?: MouseEventHandler<HTMLTableRowElement>
    onMouseUpCapture?: MouseEventHandler<HTMLTableRowElement>
    onPointerCancel?: PointerEventHandler<HTMLTableRowElement>
    onPointerCancelCapture?: PointerEventHandler<HTMLTableRowElement>
    onPointerDown?: PointerEventHandler<HTMLTableRowElement>
    onPointerDownCapture?: PointerEventHandler<HTMLTableRowElement>
    onPointerEnter?: PointerEventHandler<HTMLTableRowElement>
    onPointerLeave?: PointerEventHandler<HTMLTableRowElement>
    onPointerMove?: PointerEventHandler<HTMLTableRowElement>
    onPointerMoveCapture?: PointerEventHandler<HTMLTableRowElement>
    onPointerOut?: PointerEventHandler<HTMLTableRowElement>
    onPointerOutCapture?: PointerEventHandler<HTMLTableRowElement>
    onPointerOver?: PointerEventHandler<HTMLTableRowElement>
    onPointerOverCapture?: PointerEventHandler<HTMLTableRowElement>
    onPointerUp?: PointerEventHandler<HTMLTableRowElement>
    onPointerUpCapture?: PointerEventHandler<HTMLTableRowElement>
    onPress?: (e: PressEvent) => void

    Handler that is called when the press is released over the target.

    onPressChange?: (isPressed: boolean) => void

    Handler that is called when the press state changes.

    onPressEnd?: (e: PressEvent) => void

    Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target.

    onPressStart?: (e: PressEvent) => void

    Handler that is called when a press interaction starts.

    onPressUp?: (e: PressEvent) => void

    Handler that is called when a press is released over the target, regardless of whether it started on the target or not.

    onScroll?: UIEventHandler<HTMLTableRowElement>
    onScrollCapture?: UIEventHandler<HTMLTableRowElement>
    onTouchCancel?: TouchEventHandler<HTMLTableRowElement>
    onTouchCancelCapture?: TouchEventHandler<HTMLTableRowElement>
    onTouchEnd?: TouchEventHandler<HTMLTableRowElement>
    onTouchEndCapture?: TouchEventHandler<HTMLTableRowElement>
    onTouchMove?: TouchEventHandler<HTMLTableRowElement>
    onTouchMoveCapture?: TouchEventHandler<HTMLTableRowElement>
    onTouchStart?: TouchEventHandler<HTMLTableRowElement>
    onTouchStartCapture?: TouchEventHandler<HTMLTableRowElement>
    onTransitionCancel?: TransitionEventHandler<HTMLTableRowElement>
    onTransitionCancelCapture?: TransitionEventHandler<HTMLTableRowElement>
    onTransitionEnd?: TransitionEventHandler<HTMLTableRowElement>
    onTransitionEndCapture?: TransitionEventHandler<HTMLTableRowElement>
    onTransitionRun?: TransitionEventHandler<HTMLTableRowElement>
    onTransitionRunCapture?: TransitionEventHandler<HTMLTableRowElement>
    onTransitionStart?: TransitionEventHandler<HTMLTableRowElement>
    onTransitionStartCapture?: TransitionEventHandler<HTMLTableRowElement>
    onWheel?: WheelEventHandler<HTMLTableRowElement>
    onWheelCapture?: WheelEventHandler<HTMLTableRowElement>
    ping?: string

    A space-separated list of URLs to ping when the link is followed. See MDN.

    referrerPolicy?: HTMLAttributeReferrerPolicy

    How much of the referrer to send when following the link. See MDN.

    rel?: string

    The relationship between the linked resource and the current page. See MDN.

    render?: DOMRenderFunction<"div" | "tr", RowRenderProps>

    Overrides the default DOM element with a custom render function. This allows rendering existing components with built-in styles and behaviors such as router links, animation libraries, and pre-styled components.

    Requirements:

    • You must render the expected element type (e.g. if <button> is expected, you cannot render an <a>).
    • Only a single root DOM element can be rendered (no fragments).
    • You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.
    routerOptions?: NavigateOptions

    Options for the configured client side router.

    style?: StyleOrFunction<RowRenderProps>

    The inline style for the element. A function may be provided to compute the style based on component state.

    target?: HTMLAttributeAnchorTarget

    The target window for the link. See MDN.

    textValue?: string

    A string representation of the row's contents, used for features like typeahead.

    translate?: "yes" | "no"
    value?: T

    The object value that this row represents. When using dynamic collections, this is set automatically.

    Settings

    Member Visibility

    On This Page

    Properties
    childrenclassNamecolumnsdependenciesdirdownloadhasChildItemshiddenhrefhrefLangidinertisDisabledlangnoTrackonActiononAnimationEndonAnimationEndCaptureonAnimationIterationonAnimationIterationCaptureonAnimationStartonAnimationStartCaptureonAuxClickonAuxClickCaptureonClickonClickCaptureonContextMenuonContextMenuCaptureonDoubleClickonDoubleClickCaptureonGotPointerCaptureonGotPointerCaptureCaptureonHoverChangeonHoverEndonHoverStartonLostPointerCaptureonLostPointerCaptureCaptureonMouseDownonMouseDownCaptureonMouseEnteronMouseLeaveonMouseMoveonMouseMoveCaptureonMouseOutonMouseOutCaptureonMouseOveronMouseOverCaptureonMouseUponMouseUpCaptureonPointerCancelonPointerCancelCaptureonPointerDownonPointerDownCaptureonPointerEnteronPointerLeaveonPointerMoveonPointerMoveCaptureonPointerOutonPointerOutCaptureonPointerOveronPointerOverCaptureonPointerUponPointerUpCaptureonPressonPressChangeonPressEndonPressStartonPressUponScrollonScrollCaptureonTouchCancelonTouchCancelCaptureonTouchEndonTouchEndCaptureonTouchMoveonTouchMoveCaptureonTouchStartonTouchStartCaptureonTransitionCancelonTransitionCancelCaptureonTransitionEndonTransitionEndCaptureonTransitionRunonTransitionRunCaptureonTransitionStartonTransitionStartCaptureonWheelonWheelCapturepingreferrerPolicyrelrenderrouterOptionsstyletargettextValuetranslatevalue