Skip to main content

Introducing Workflow Engine, try for FREE workflowengine.io.

Interface: EditableTableProps

@react-form-builder/designer.EditableTableProps

The React component properties for the EditableTable component.

Hierarchy​

  • TableProps<any, any>

    ↳ EditableTableProps

Properties​

about​

• Optional about: string

Inherited from​

TableProps.about

accessKey​

• Optional accessKey: string

Inherited from​

TableProps.accessKey

affixHeader​

• Optional affixHeader: number | boolean

Affix the table header to the specified position on the page

Inherited from​

TableProps.affixHeader

affixHorizontalScrollbar​

• Optional affixHorizontalScrollbar: number | boolean

Affix the table horizontal scrollbar to the specified position on the page

Inherited from​

TableProps.affixHorizontalScrollbar

aria-activedescendant​

• Optional aria-activedescendant: string

Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.

Inherited from​

TableProps.aria-activedescendant

aria-atomic​

• Optional aria-atomic: Booleanish

Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.

Inherited from​

TableProps.aria-atomic

aria-autocomplete​

• Optional aria-autocomplete: "none" | "list" | "inline" | "both"

Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.

Inherited from​

TableProps.aria-autocomplete

aria-busy​

• Optional aria-busy: Booleanish

Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.

Inherited from​

TableProps.aria-busy

aria-checked​

• Optional aria-checked: boolean | "true" | "false" | "mixed"

Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.

See

  • aria-pressed
  • aria-selected.

Inherited from​

TableProps.aria-checked

aria-colcount​

• Optional aria-colcount: number

Defines the total number of columns in a table, grid, or treegrid.

See

aria-colindex.

Inherited from​

TableProps.aria-colcount

aria-colindex​

• Optional aria-colindex: number

Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.

See

  • aria-colcount
  • aria-colspan.

Inherited from​

TableProps.aria-colindex

aria-colspan​

• Optional aria-colspan: number

Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.

See

  • aria-colindex
  • aria-rowspan.

Inherited from​

TableProps.aria-colspan

aria-controls​

• Optional aria-controls: string

Identifies the element (or elements) whose contents or presence are controlled by the current element.

See

aria-owns.

Inherited from​

TableProps.aria-controls

aria-current​

• Optional aria-current: boolean | "date" | "time" | "page" | "true" | "false" | "step" | "location"

Indicates the element that represents the current item within a container or set of related elements.

Inherited from​

TableProps.aria-current

aria-describedby​

• Optional aria-describedby: string

Identifies the element (or elements) that describes the object.

See

aria-labelledby

Inherited from​

TableProps.aria-describedby

aria-details​

• Optional aria-details: string

Identifies the element that provides a detailed, extended description for the object.

See

aria-describedby.

Inherited from​

TableProps.aria-details

aria-disabled​

• Optional aria-disabled: Booleanish

Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.

See

  • aria-hidden
  • aria-readonly.

Inherited from​

TableProps.aria-disabled

aria-dropeffect​

• Optional aria-dropeffect: "link" | "none" | "copy" | "execute" | "move" | "popup"

Indicates what functions can be performed when a dragged object is released on the drop target.

Deprecated

in ARIA 1.1

Inherited from​

TableProps.aria-dropeffect

aria-errormessage​

• Optional aria-errormessage: string

Identifies the element that provides an error message for the object.

See

  • aria-invalid
  • aria-describedby.

Inherited from​

TableProps.aria-errormessage

aria-expanded​

• Optional aria-expanded: Booleanish

Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.

Inherited from​

TableProps.aria-expanded

aria-flowto​

• Optional aria-flowto: string

Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.

Inherited from​

TableProps.aria-flowto

aria-grabbed​

• Optional aria-grabbed: Booleanish

Indicates an element's "grabbed" state in a drag-and-drop operation.

Deprecated

in ARIA 1.1

Inherited from​

TableProps.aria-grabbed

aria-haspopup​

• Optional aria-haspopup: boolean | "dialog" | "menu" | "grid" | "true" | "listbox" | "tree" | "false"

Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.

Inherited from​

TableProps.aria-haspopup

aria-hidden​

• Optional aria-hidden: Booleanish

Indicates whether the element is exposed to an accessibility API.

See

aria-disabled.

Inherited from​

TableProps.aria-hidden

aria-invalid​

• Optional aria-invalid: boolean | "true" | "false" | "grammar" | "spelling"

Indicates the entered value does not conform to the format expected by the application.

See

aria-errormessage.

Inherited from​

TableProps.aria-invalid

aria-keyshortcuts​

• Optional aria-keyshortcuts: string

Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.

Inherited from​

TableProps.aria-keyshortcuts

aria-label​

• Optional aria-label: string

Defines a string value that labels the current element.

See

aria-labelledby.

Inherited from​

TableProps.aria-label

aria-labelledby​

• Optional aria-labelledby: string

Identifies the element (or elements) that labels the current element.

See

aria-describedby.

Inherited from​

TableProps.aria-labelledby

aria-level​

• Optional aria-level: number

Defines the hierarchical level of an element within a structure.

Inherited from​

TableProps.aria-level

aria-live​

• Optional aria-live: "off" | "assertive" | "polite"

Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.

Inherited from​

TableProps.aria-live

aria-modal​

• Optional aria-modal: Booleanish

Indicates whether an element is modal when displayed.

Inherited from​

TableProps.aria-modal

aria-multiline​

• Optional aria-multiline: Booleanish

Indicates whether a text box accepts multiple lines of input or only a single line.

Inherited from​

TableProps.aria-multiline

aria-multiselectable​

• Optional aria-multiselectable: Booleanish

Indicates that the user may select more than one item from the current selectable descendants.

Inherited from​

TableProps.aria-multiselectable

aria-orientation​

• Optional aria-orientation: "vertical" | "horizontal"

Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.

Inherited from​

TableProps.aria-orientation

aria-owns​

• Optional aria-owns: string

Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.

See

aria-controls.

Inherited from​

TableProps.aria-owns

aria-placeholder​

• Optional aria-placeholder: string

Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.

Inherited from​

TableProps.aria-placeholder

aria-posinset​

• Optional aria-posinset: number

Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

See

aria-setsize.

Inherited from​

TableProps.aria-posinset

aria-pressed​

• Optional aria-pressed: boolean | "true" | "false" | "mixed"

Indicates the current "pressed" state of toggle buttons.

See

  • aria-checked
  • aria-selected.

Inherited from​

TableProps.aria-pressed

aria-readonly​

• Optional aria-readonly: Booleanish

Indicates that the element is not editable, but is otherwise operable.

See

aria-disabled.

Inherited from​

TableProps.aria-readonly

aria-relevant​

• Optional aria-relevant: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"

Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.

See

aria-atomic.

Inherited from​

TableProps.aria-relevant

aria-required​

• Optional aria-required: Booleanish

Indicates that user input is required on the element before a form may be submitted.

Inherited from​

TableProps.aria-required

aria-roledescription​

• Optional aria-roledescription: string

Defines a human-readable, author-localized description for the role of an element.

Inherited from​

TableProps.aria-roledescription

aria-rowcount​

• Optional aria-rowcount: number

Defines the total number of rows in a table, grid, or treegrid.

See

aria-rowindex.

Inherited from​

TableProps.aria-rowcount

aria-rowindex​

• Optional aria-rowindex: number

Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.

See

  • aria-rowcount
  • aria-rowspan.

Inherited from​

TableProps.aria-rowindex

aria-rowspan​

• Optional aria-rowspan: number

Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.

See

  • aria-rowindex
  • aria-colspan.

Inherited from​

TableProps.aria-rowspan

aria-selected​

• Optional aria-selected: Booleanish

Indicates the current "selected" state of various widgets.

See

  • aria-checked
  • aria-pressed.

Inherited from​

TableProps.aria-selected

aria-setsize​

• Optional aria-setsize: number

Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

See

aria-posinset.

Inherited from​

TableProps.aria-setsize

aria-sort​

• Optional aria-sort: "none" | "other" | "ascending" | "descending"

Indicates if items in a table or grid are sorted in ascending or descending order.

Inherited from​

TableProps.aria-sort

aria-valuemax​

• Optional aria-valuemax: number

Defines the maximum allowed value for a range widget.

Inherited from​

TableProps.aria-valuemax

aria-valuemin​

• Optional aria-valuemin: number

Defines the minimum allowed value for a range widget.

Inherited from​

TableProps.aria-valuemin

aria-valuenow​

• Optional aria-valuenow: number

Defines the current value for a range widget.

See

aria-valuetext.

Inherited from​

TableProps.aria-valuenow

aria-valuetext​

• Optional aria-valuetext: string

Defines the human readable text alternative of aria-valuenow for a range widget.

Inherited from​

TableProps.aria-valuetext

autoAdd​

• Optional autoAdd: boolean

Flag, if true, one new row will be automatically added when editing the last row of the table, false otherwise.

autoCapitalize​

• Optional autoCapitalize: string

Inherited from​

TableProps.autoCapitalize

autoCorrect​

• Optional autoCorrect: string

Inherited from​

TableProps.autoCorrect

autoFocus​

• Optional autoFocus: boolean

Inherited from​

TableProps.autoFocus

autoHeight​

• Optional autoHeight: boolean

The height of the table will be automatically expanded according to the number of data rows, and no vertical scroll bar will appear

Inherited from​

TableProps.autoHeight

autoSave​

• Optional autoSave: string

Inherited from​

TableProps.autoSave

bodyRef​

• Optional bodyRef: (ref: HTMLElement) => void

Type declaration​

▸ (ref): void

A ref attached to the table body element

Deprecated

use ref instead (see ref.current.body)

Parameters​
NameType
refHTMLElement
Returns​

void

Inherited from​

TableProps.bodyRef

bordered​

• Optional bordered: boolean

Show the border of the table

Inherited from​

TableProps.bordered

cellBordered​

• Optional cellBordered: boolean

Display the borders of table cells

Inherited from​

TableProps.cellBordered

children​

• Optional children: ReactNode | ReactNode[] | (props: { Cell: (props: InnerCellProps<any, any> & RefAttributes<HTMLDivElement>) => ReactElement<any, string | JSXElementConstructor<any>> ; Column: (props: ColumnProps<any>) => ReactElement<any, string | JSXElementConstructor<any>> ; ColumnGroup: ForwardRefExoticComponent<ColumnGroupProps & RefAttributes<HTMLDivElement>> ; HeaderCell: (props: HeaderCellProps<any, any> & RefAttributes<HTMLDivElement>) => ReactElement<any, string | JSXElementConstructor<any>> }) => ReactNode | ReactNode[]

Inherited from​

TableProps.children

className​

• Optional className: string

Additional classes

Inherited from​

TableProps.className

classPrefix​

• Optional classPrefix: string

The prefix of the component CSS class

Inherited from​

TableProps.classPrefix

color​

• Optional color: string

Inherited from​

TableProps.color

columns​

• Optional columns: Element[]

The columns of the table.

contentEditable​

• Optional contentEditable: "inherit" | Booleanish

Inherited from​

TableProps.contentEditable

contextMenu​

• Optional contextMenu: string

Inherited from​

TableProps.contextMenu

dangerouslySetInnerHTML​

• Optional dangerouslySetInnerHTML: Object

Type declaration​

NameType
__htmlstring

Inherited from​

TableProps.dangerouslySetInnerHTML

data​

• data: RowDataType<any>[]

The table data.

Overrides​

TableProps.data

datatype​

• Optional datatype: string

Inherited from​

TableProps.datatype

defaultChecked​

• Optional defaultChecked: boolean

Inherited from​

TableProps.defaultChecked

defaultExpandAllRows​

• Optional defaultExpandAllRows: boolean

Expand all nodes By default

Inherited from​

TableProps.defaultExpandAllRows

defaultExpandedRowKeys​

• Optional defaultExpandedRowKeys: readonly any[]

Specify the default expanded row by rowkey

Inherited from​

TableProps.defaultExpandedRowKeys

defaultSortType​

• Optional defaultSortType: SortType

Default sort type

Inherited from​

TableProps.defaultSortType

defaultValue​

• Optional defaultValue: string | number | readonly string[]

Inherited from​

TableProps.defaultValue

dir​

• Optional dir: string

Inherited from​

TableProps.dir

disabledScroll​

• Optional disabledScroll: boolean

Disable scroll bar

Inherited from​

TableProps.disabledScroll

draggable​

• Optional draggable: Booleanish

Inherited from​

TableProps.draggable

errorMessage​

• Optional errorMessage: string

The error message.

expandedRowKeys​

• Optional expandedRowKeys: readonly any[]

Specify the default expanded row by rowkey (Controlled)

Inherited from​

TableProps.expandedRowKeys

fillHeight​

• Optional fillHeight: boolean

Force the height of the table to be equal to the height of its parent container. Cannot be used together with autoHeight.

Inherited from​

TableProps.fillHeight

headerHeight​

• Optional headerHeight: number

The height of the table header

Inherited from​

TableProps.headerHeight

height​

• Optional height: number

The visible height of the table (the height of the scrollable container).

Inherited from​

TableProps.height

hidden​

• Optional hidden: boolean

Inherited from​

TableProps.hidden

hideHeader​

• Optional hideHeader: boolean

Flag, if true then the table header will be hidden, false otherwise.

hover​

• Optional hover: boolean

The row of the table has a mouseover effect

Inherited from​

TableProps.hover

id​

• Optional id: string

Inherited from​

TableProps.id

inlist​

• Optional inlist: any

Inherited from​

TableProps.inlist

inputMode​

• Optional inputMode: "search" | "text" | "none" | "email" | "url" | "tel" | "numeric" | "decimal"

Hints at the type of data that might be entered by the user while editing the element or its contents

See

https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute

Inherited from​

TableProps.inputMode

is​

• Optional is: string

Specify that a standard HTML element should behave like a defined custom built-in element

See

https://html.spec.whatwg.org/multipage/custom-elements.html#attr-is

Inherited from​

TableProps.is

isTree​

• Optional isTree: boolean

The table will be displayed as a tree structure

Inherited from​

TableProps.isTree

itemID​

• Optional itemID: string

Inherited from​

TableProps.itemID

itemProp​

• Optional itemProp: string

Inherited from​

TableProps.itemProp

itemRef​

• Optional itemRef: string

Inherited from​

TableProps.itemRef

itemScope​

• Optional itemScope: boolean

Inherited from​

TableProps.itemScope

itemType​

• Optional itemType: string

Inherited from​

TableProps.itemType

label​

• Optional label: string

The table label.

lang​

• Optional lang: string

Inherited from​

TableProps.lang

loadAnimation​

• Optional loadAnimation: boolean

Whether to enable loading animation

Inherited from​

TableProps.loadAnimation

loading​

• Optional loading: boolean

Show loading

Inherited from​

TableProps.loading

locale​

• Optional locale: TableLocaleType

The component localized character set.

Inherited from​

TableProps.locale

maxRows​

• Optional maxRows: number

Maximum number of rows to be displayed.

minHeight​

• Optional minHeight: number

The minimum height of the table. The height is maintained even when the content is not stretched.

Inherited from​

TableProps.minHeight

nonce​

• Optional nonce: string

Inherited from​

TableProps.nonce

onAbort​

• Optional onAbort: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onAbort

onAbortCapture​

• Optional onAbortCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onAbortCapture

onAnimationEnd​

• Optional onAnimationEnd: AnimationEventHandler<HTMLElement>

Inherited from​

TableProps.onAnimationEnd

onAnimationEndCapture​

• Optional onAnimationEndCapture: AnimationEventHandler<HTMLElement>

Inherited from​

TableProps.onAnimationEndCapture

onAnimationIteration​

• Optional onAnimationIteration: AnimationEventHandler<HTMLElement>

Inherited from​

TableProps.onAnimationIteration

onAnimationIterationCapture​

• Optional onAnimationIterationCapture: AnimationEventHandler<HTMLElement>

Inherited from​

TableProps.onAnimationIterationCapture

onAnimationStart​

• Optional onAnimationStart: AnimationEventHandler<HTMLElement>

Inherited from​

TableProps.onAnimationStart

onAnimationStartCapture​

• Optional onAnimationStartCapture: AnimationEventHandler<HTMLElement>

Inherited from​

TableProps.onAnimationStartCapture

onAuxClick​

• Optional onAuxClick: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onAuxClick

onAuxClickCapture​

• Optional onAuxClickCapture: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onAuxClickCapture

onBeforeInput​

• Optional onBeforeInput: FormEventHandler<HTMLElement>

Inherited from​

TableProps.onBeforeInput

onBeforeInputCapture​

• Optional onBeforeInputCapture: FormEventHandler<HTMLElement>

Inherited from​

TableProps.onBeforeInputCapture

onBlur​

• Optional onBlur: FocusEventHandler<HTMLElement>

Inherited from​

TableProps.onBlur

onBlurCapture​

• Optional onBlurCapture: FocusEventHandler<HTMLElement>

Inherited from​

TableProps.onBlurCapture

onCanPlay​

• Optional onCanPlay: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onCanPlay

onCanPlayCapture​

• Optional onCanPlayCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onCanPlayCapture

onCanPlayThrough​

• Optional onCanPlayThrough: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onCanPlayThrough

onCanPlayThroughCapture​

• Optional onCanPlayThroughCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onCanPlayThroughCapture

onChange​

• Optional onChange: FormEventHandler<HTMLElement>

The callback function called when data in the table is changed.

Overrides​

TableProps.onChange

onChangeCapture​

• Optional onChangeCapture: FormEventHandler<HTMLElement>

Inherited from​

TableProps.onChangeCapture

onClick​

• Optional onClick: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onClick

onClickCapture​

• Optional onClickCapture: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onClickCapture

onCompositionEnd​

• Optional onCompositionEnd: CompositionEventHandler<HTMLElement>

Inherited from​

TableProps.onCompositionEnd

onCompositionEndCapture​

• Optional onCompositionEndCapture: CompositionEventHandler<HTMLElement>

Inherited from​

TableProps.onCompositionEndCapture

onCompositionStart​

• Optional onCompositionStart: CompositionEventHandler<HTMLElement>

Inherited from​

TableProps.onCompositionStart

onCompositionStartCapture​

• Optional onCompositionStartCapture: CompositionEventHandler<HTMLElement>

Inherited from​

TableProps.onCompositionStartCapture

onCompositionUpdate​

• Optional onCompositionUpdate: CompositionEventHandler<HTMLElement>

Inherited from​

TableProps.onCompositionUpdate

onCompositionUpdateCapture​

• Optional onCompositionUpdateCapture: CompositionEventHandler<HTMLElement>

Inherited from​

TableProps.onCompositionUpdateCapture

onContextMenu​

• Optional onContextMenu: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onContextMenu

onContextMenuCapture​

• Optional onContextMenuCapture: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onContextMenuCapture

onCopy​

• Optional onCopy: ClipboardEventHandler<HTMLElement>

Inherited from​

TableProps.onCopy

onCopyCapture​

• Optional onCopyCapture: ClipboardEventHandler<HTMLElement>

Inherited from​

TableProps.onCopyCapture

onCut​

• Optional onCut: ClipboardEventHandler<HTMLElement>

Inherited from​

TableProps.onCut

onCutCapture​

• Optional onCutCapture: ClipboardEventHandler<HTMLElement>

Inherited from​

TableProps.onCutCapture

onDataUpdated​

• Optional onDataUpdated: (nextData: any[], scrollTo: (coord: { x: number ; y: number }) => void) => void

Type declaration​

▸ (nextData, scrollTo): void

Callback after table data update.

Deprecated

use shouldUpdateScroll instead

Parameters​
NameType
nextDataany[]
scrollTo(coord: { x: number ; y: number }) => void
Returns​

void

Inherited from​

TableProps.onDataUpdated

onDoubleClick​

• Optional onDoubleClick: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onDoubleClick

onDoubleClickCapture​

• Optional onDoubleClickCapture: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onDoubleClickCapture

onDrag​

• Optional onDrag: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDrag

onDragCapture​

• Optional onDragCapture: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragCapture

onDragEnd​

• Optional onDragEnd: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragEnd

onDragEndCapture​

• Optional onDragEndCapture: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragEndCapture

onDragEnter​

• Optional onDragEnter: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragEnter

onDragEnterCapture​

• Optional onDragEnterCapture: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragEnterCapture

onDragExit​

• Optional onDragExit: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragExit

onDragExitCapture​

• Optional onDragExitCapture: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragExitCapture

onDragLeave​

• Optional onDragLeave: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragLeave

onDragLeaveCapture​

• Optional onDragLeaveCapture: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragLeaveCapture

onDragOver​

• Optional onDragOver: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragOver

onDragOverCapture​

• Optional onDragOverCapture: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragOverCapture

onDragStart​

• Optional onDragStart: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragStart

onDragStartCapture​

• Optional onDragStartCapture: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDragStartCapture

onDrop​

• Optional onDrop: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDrop

onDropCapture​

• Optional onDropCapture: DragEventHandler<HTMLElement>

Inherited from​

TableProps.onDropCapture

onDurationChange​

• Optional onDurationChange: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onDurationChange

onDurationChangeCapture​

• Optional onDurationChangeCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onDurationChangeCapture

onEmptied​

• Optional onEmptied: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onEmptied

onEmptiedCapture​

• Optional onEmptiedCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onEmptiedCapture

onEncrypted​

• Optional onEncrypted: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onEncrypted

onEncryptedCapture​

• Optional onEncryptedCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onEncryptedCapture

onEnded​

• Optional onEnded: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onEnded

onEndedCapture​

• Optional onEndedCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onEndedCapture

onError​

• Optional onError: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onError

onErrorCapture​

• Optional onErrorCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onErrorCapture

onExpandChange​

• Optional onExpandChange: (expanded: boolean, rowData: any) => void

Type declaration​

▸ (expanded, rowData): void

Tree table, the callback function in the expanded node

Parameters​
NameType
expandedboolean
rowDataany
Returns​

void

Inherited from​

TableProps.onExpandChange

onFocus​

• Optional onFocus: FocusEventHandler<HTMLElement>

Inherited from​

TableProps.onFocus

onFocusCapture​

• Optional onFocusCapture: FocusEventHandler<HTMLElement>

Inherited from​

TableProps.onFocusCapture

onGotPointerCapture​

• Optional onGotPointerCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onGotPointerCapture

onGotPointerCaptureCapture​

• Optional onGotPointerCaptureCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onGotPointerCaptureCapture

onInput​

• Optional onInput: FormEventHandler<HTMLElement>

Inherited from​

TableProps.onInput

onInputCapture​

• Optional onInputCapture: FormEventHandler<HTMLElement>

Inherited from​

TableProps.onInputCapture

onInvalid​

• Optional onInvalid: FormEventHandler<HTMLElement>

Inherited from​

TableProps.onInvalid

onInvalidCapture​

• Optional onInvalidCapture: FormEventHandler<HTMLElement>

Inherited from​

TableProps.onInvalidCapture

onKeyDown​

• Optional onKeyDown: KeyboardEventHandler<HTMLElement>

Inherited from​

TableProps.onKeyDown

onKeyDownCapture​

• Optional onKeyDownCapture: KeyboardEventHandler<HTMLElement>

Inherited from​

TableProps.onKeyDownCapture

onKeyPress​

• Optional onKeyPress: KeyboardEventHandler<HTMLElement>

Deprecated

Inherited from​

TableProps.onKeyPress

onKeyPressCapture​

• Optional onKeyPressCapture: KeyboardEventHandler<HTMLElement>

Deprecated

Inherited from​

TableProps.onKeyPressCapture

onKeyUp​

• Optional onKeyUp: KeyboardEventHandler<HTMLElement>

Inherited from​

TableProps.onKeyUp

onKeyUpCapture​

• Optional onKeyUpCapture: KeyboardEventHandler<HTMLElement>

Inherited from​

TableProps.onKeyUpCapture

onLoad​

• Optional onLoad: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onLoad

onLoadCapture​

• Optional onLoadCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onLoadCapture

onLoadStart​

• Optional onLoadStart: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onLoadStart

onLoadStartCapture​

• Optional onLoadStartCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onLoadStartCapture

onLoadedData​

• Optional onLoadedData: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onLoadedData

onLoadedDataCapture​

• Optional onLoadedDataCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onLoadedDataCapture

onLoadedMetadata​

• Optional onLoadedMetadata: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onLoadedMetadata

onLoadedMetadataCapture​

• Optional onLoadedMetadataCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onLoadedMetadataCapture

onLostPointerCapture​

• Optional onLostPointerCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onLostPointerCapture

onLostPointerCaptureCapture​

• Optional onLostPointerCaptureCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onLostPointerCaptureCapture

onMouseDown​

• Optional onMouseDown: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseDown

onMouseDownCapture​

• Optional onMouseDownCapture: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseDownCapture

onMouseEnter​

• Optional onMouseEnter: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseEnter

onMouseLeave​

• Optional onMouseLeave: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseLeave

onMouseMove​

• Optional onMouseMove: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseMove

onMouseMoveCapture​

• Optional onMouseMoveCapture: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseMoveCapture

onMouseOut​

• Optional onMouseOut: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseOut

onMouseOutCapture​

• Optional onMouseOutCapture: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseOutCapture

onMouseOver​

• Optional onMouseOver: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseOver

onMouseOverCapture​

• Optional onMouseOverCapture: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseOverCapture

onMouseUp​

• Optional onMouseUp: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseUp

onMouseUpCapture​

• Optional onMouseUpCapture: MouseEventHandler<HTMLElement>

Inherited from​

TableProps.onMouseUpCapture

onPaste​

• Optional onPaste: ClipboardEventHandler<HTMLElement>

Inherited from​

TableProps.onPaste

onPasteCapture​

• Optional onPasteCapture: ClipboardEventHandler<HTMLElement>

Inherited from​

TableProps.onPasteCapture

onPause​

• Optional onPause: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onPause

onPauseCapture​

• Optional onPauseCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onPauseCapture

onPlay​

• Optional onPlay: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onPlay

onPlayCapture​

• Optional onPlayCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onPlayCapture

onPlaying​

• Optional onPlaying: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onPlaying

onPlayingCapture​

• Optional onPlayingCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onPlayingCapture

onPointerCancel​

• Optional onPointerCancel: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerCancel

onPointerCancelCapture​

• Optional onPointerCancelCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerCancelCapture

onPointerDown​

• Optional onPointerDown: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerDown

onPointerDownCapture​

• Optional onPointerDownCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerDownCapture

onPointerEnter​

• Optional onPointerEnter: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerEnter

onPointerEnterCapture​

• Optional onPointerEnterCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerEnterCapture

onPointerLeave​

• Optional onPointerLeave: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerLeave

onPointerLeaveCapture​

• Optional onPointerLeaveCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerLeaveCapture

onPointerMove​

• Optional onPointerMove: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerMove

onPointerMoveCapture​

• Optional onPointerMoveCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerMoveCapture

onPointerOut​

• Optional onPointerOut: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerOut

onPointerOutCapture​

• Optional onPointerOutCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerOutCapture

onPointerOver​

• Optional onPointerOver: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerOver

onPointerOverCapture​

• Optional onPointerOverCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerOverCapture

onPointerUp​

• Optional onPointerUp: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerUp

onPointerUpCapture​

• Optional onPointerUpCapture: PointerEventHandler<HTMLElement>

Inherited from​

TableProps.onPointerUpCapture

onProgress​

• Optional onProgress: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onProgress

onProgressCapture​

• Optional onProgressCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onProgressCapture

onRateChange​

• Optional onRateChange: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onRateChange

onRateChangeCapture​

• Optional onRateChangeCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onRateChangeCapture

onReset​

• Optional onReset: FormEventHandler<HTMLElement>

Inherited from​

TableProps.onReset

onResetCapture​

• Optional onResetCapture: FormEventHandler<HTMLElement>

Inherited from​

TableProps.onResetCapture

onRowClick​

• Optional onRowClick: (rowData: any, event: MouseEvent<Element, MouseEvent>) => void

Type declaration​

▸ (rowData, event): void

Click the callback function after the row and return to rowDate

Parameters​
NameType
rowDataany
eventMouseEvent<Element, MouseEvent>
Returns​

void

Inherited from​

TableProps.onRowClick

onRowContextMenu​

• Optional onRowContextMenu: (rowData: any, event: MouseEvent<Element, MouseEvent>) => void

Type declaration​

▸ (rowData, event): void

Callback after right-click row

Parameters​
NameType
rowDataany
eventMouseEvent<Element, MouseEvent>
Returns​

void

Inherited from​

TableProps.onRowContextMenu

onScroll​

• Optional onScroll: (scrollX: number, scrollY: number) => void

Type declaration​

▸ (scrollX, scrollY): void

Callback function for scroll bar scrolling

Parameters​
NameType
scrollXnumber
scrollYnumber
Returns​

void

Inherited from​

TableProps.onScroll

onScrollCapture​

• Optional onScrollCapture: UIEventHandler<HTMLElement>

Inherited from​

TableProps.onScrollCapture

onSeeked​

• Optional onSeeked: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onSeeked

onSeekedCapture​

• Optional onSeekedCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onSeekedCapture

onSeeking​

• Optional onSeeking: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onSeeking

onSeekingCapture​

• Optional onSeekingCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onSeekingCapture

onSelect​

• Optional onSelect: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onSelect

onSelectCapture​

• Optional onSelectCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onSelectCapture

onSortColumn​

• Optional onSortColumn: (dataKey: string, sortType?: SortType) => void

Type declaration​

▸ (dataKey, sortType?): void

Click the callback function of the sort sequence to return the value sortColumn, sortType

Parameters​
NameType
dataKeystring
sortType?SortType
Returns​

void

Inherited from​

TableProps.onSortColumn

onStalled​

• Optional onStalled: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onStalled

onStalledCapture​

• Optional onStalledCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onStalledCapture

onSubmit​

• Optional onSubmit: FormEventHandler<HTMLElement>

Inherited from​

TableProps.onSubmit

onSubmitCapture​

• Optional onSubmitCapture: FormEventHandler<HTMLElement>

Inherited from​

TableProps.onSubmitCapture

onSuspend​

• Optional onSuspend: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onSuspend

onSuspendCapture​

• Optional onSuspendCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onSuspendCapture

onTimeUpdate​

• Optional onTimeUpdate: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onTimeUpdate

onTimeUpdateCapture​

• Optional onTimeUpdateCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onTimeUpdateCapture

onTouchCancel​

• Optional onTouchCancel: TouchEventHandler<HTMLElement>

Inherited from​

TableProps.onTouchCancel

onTouchCancelCapture​

• Optional onTouchCancelCapture: TouchEventHandler<HTMLElement>

Inherited from​

TableProps.onTouchCancelCapture

onTouchEnd​

• Optional onTouchEnd: (event: TouchEvent<Element>) => void

Type declaration​

▸ (event): void

Callback for the touchend event.

Parameters​
NameType
eventTouchEvent<Element>
Returns​

void

Inherited from​

TableProps.onTouchEnd

onTouchEndCapture​

• Optional onTouchEndCapture: TouchEventHandler<HTMLElement>

Inherited from​

TableProps.onTouchEndCapture

onTouchMove​

• Optional onTouchMove: (event: TouchEvent<Element>) => void

Type declaration​

▸ (event): void

Callback for the touchmove event.

Parameters​
NameType
eventTouchEvent<Element>
Returns​

void

Inherited from​

TableProps.onTouchMove

onTouchMoveCapture​

• Optional onTouchMoveCapture: TouchEventHandler<HTMLElement>

Inherited from​

TableProps.onTouchMoveCapture

onTouchStart​

• Optional onTouchStart: (event: TouchEvent<Element>) => void

Type declaration​

▸ (event): void

Callback for the touchstart event.

Parameters​
NameType
eventTouchEvent<Element>
Returns​

void

Inherited from​

TableProps.onTouchStart

onTouchStartCapture​

• Optional onTouchStartCapture: TouchEventHandler<HTMLElement>

Inherited from​

TableProps.onTouchStartCapture

onTransitionEnd​

• Optional onTransitionEnd: TransitionEventHandler<HTMLElement>

Inherited from​

TableProps.onTransitionEnd

onTransitionEndCapture​

• Optional onTransitionEndCapture: TransitionEventHandler<HTMLElement>

Inherited from​

TableProps.onTransitionEndCapture

onVolumeChange​

• Optional onVolumeChange: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onVolumeChange

onVolumeChangeCapture​

• Optional onVolumeChangeCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onVolumeChangeCapture

onWaiting​

• Optional onWaiting: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onWaiting

onWaitingCapture​

• Optional onWaitingCapture: ReactEventHandler<HTMLElement>

Inherited from​

TableProps.onWaitingCapture

onWheel​

• Optional onWheel: WheelEventHandler<HTMLElement>

Inherited from​

TableProps.onWheel

onWheelCapture​

• Optional onWheelCapture: WheelEventHandler<HTMLElement>

Inherited from​

TableProps.onWheelCapture

placeholder​

• Optional placeholder: string

Inherited from​

TableProps.placeholder

prefix​

• Optional prefix: string

Inherited from​

TableProps.prefix

property​

• Optional property: string

Inherited from​

TableProps.property

radioGroup​

• Optional radioGroup: string

Inherited from​

TableProps.radioGroup

renderEmpty​

• Optional renderEmpty: (info: ReactNode) => ReactNode

Type declaration​

▸ (info): ReactNode

Customized data is empty display content

Parameters​
NameType
infoReactNode
Returns​

ReactNode

Inherited from​

TableProps.renderEmpty

renderLoading​

• Optional renderLoading: (loading: ReactNode) => ReactNode

Type declaration​

▸ (loading): ReactNode

Customize the display content in the data load

Parameters​
NameType
loadingReactNode
Returns​

ReactNode

Inherited from​

TableProps.renderLoading

renderRow​

• Optional renderRow: (children?: ReactNode, rowData?: any) => ReactNode

Type declaration​

▸ (children?, rowData?): ReactNode

Custom row element

Parameters​
NameType
children?ReactNode
rowData?any
Returns​

ReactNode

Inherited from​

TableProps.renderRow

renderRowExpanded​

• Optional renderRowExpanded: (rowData?: any) => ReactNode

Type declaration​

▸ (rowData?): ReactNode

Customize what you can do to expand a zone

Parameters​
NameType
rowData?any
Returns​

ReactNode

Inherited from​

TableProps.renderRowExpanded

renderTreeToggle​

• Optional renderTreeToggle: (expandButton: ReactNode, rowData?: any, expanded?: boolean) => ReactNode

Type declaration​

▸ (expandButton, rowData?, expanded?): ReactNode

Tree table, the callback function in the expanded node

Parameters​
NameType
expandButtonReactNode
rowData?any
expanded?boolean
Returns​

ReactNode

Inherited from​

TableProps.renderTreeToggle

resource​

• Optional resource: string

Inherited from​

TableProps.resource

results​

• Optional results: number

Inherited from​

TableProps.results

role​

• Optional role: AriaRole

Inherited from​

TableProps.role

rowClassName​

• Optional rowClassName: string | (rowData: any, rowIndex: number) => string

Add an optional extra class name to row

Inherited from​

TableProps.rowClassName

rowExpandedHeight​

• Optional rowExpandedHeight: number | (rowData?: any) => number

Set the height of an expandable area

Inherited from​

TableProps.rowExpandedHeight

rowHeight​

• Optional rowHeight: number | (rowData?: any) => number

The row height of the table

Inherited from​

TableProps.rowHeight

rowKey​

• Optional rowKey: RowKeyType

Each row corresponds to the unique key in data

Inherited from​

TableProps.rowKey

rtl​

• Optional rtl: boolean

Right to left

Inherited from​

TableProps.rtl

security​

• Optional security: string

Inherited from​

TableProps.security

shouldUpdateScroll​

• Optional shouldUpdateScroll: boolean | (event: TableSizeChangeEventName) => { x?: number ; y?: number }

Use the return value of shouldUpdateScroll to determine whether to update the scroll after the table size is updated.

Inherited from​

TableProps.shouldUpdateScroll

showHeader​

• Optional showHeader: boolean

Whether to display the header of the table

Inherited from​

TableProps.showHeader

slot​

• Optional slot: string

Inherited from​

TableProps.slot

sortColumn​

• Optional sortColumn: string

Sort Column Name

Inherited from​

TableProps.sortColumn

sortType​

• Optional sortType: SortType

Sort type

Inherited from​

TableProps.sortType

spellCheck​

• Optional spellCheck: Booleanish

Inherited from​

TableProps.spellCheck

style​

• Optional style: CSSProperties

Additional style

Inherited from​

TableProps.style

suppressContentEditableWarning​

• Optional suppressContentEditableWarning: boolean

Inherited from​

TableProps.suppressContentEditableWarning

suppressHydrationWarning​

• Optional suppressHydrationWarning: boolean

Inherited from​

TableProps.suppressHydrationWarning

tabIndex​

• Optional tabIndex: number

Inherited from​

TableProps.tabIndex

title​

• Optional title: string

Inherited from​

TableProps.title

translate​

• Optional translate: "no" | "yes"

Inherited from​

TableProps.translate

translate3d​

• Optional translate3d: boolean

Enable 3D transition rendering to improve performance when scrolling.

Inherited from​

TableProps.translate3d

typeof​

• Optional typeof: string

Inherited from​

TableProps.typeof

unselectable​

• Optional unselectable: "on" | "off"

Inherited from​

TableProps.unselectable

virtualized​

• Optional virtualized: boolean

Effectively render large tabular data

Inherited from​

TableProps.virtualized

vocab​

• Optional vocab: string

Inherited from​

TableProps.vocab

width​

• Optional width: number

The width of the table. When it is not set, it will adapt according to the container

Inherited from​

TableProps.width

wordWrap​

• Optional wordWrap: boolean | "break-all" | "break-word" | "keep-all"

Whether to appear line breaks where text overflows its content box https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

Inherited from​

TableProps.wordWrap