Cell is a generic cell wrapper for custom cell content. When rendering
cells via ColumnConfig.cell or a custom RowRenderFn, the
returned element must be a cell component (Cell, CellText, or
CellProfile) at the top level. Returning bare text or other elements
without a cell wrapper will break the table layout.
Whether the cell should support arrow key navigation even when the containing table uses
tab keyboard navigation. Allows users to navigate between cells and rows with arrow keys while
focus is on an interactive child element within the cell.
Optionalchildren
children?:ChildrenOrFunction<CellRenderProps>
The children of the component. A function may be provided to alter the children based on
component state.
OptionalclassName
className?:string
OptionalcolSpan
colSpan?:number
Indicates how many columns the data cell spans.
Optionaldir
dir?:string
OptionalfocusMode
focusMode?:"cell"|"child"
Whether the cell or its first focusable child element should be focused when the cell is
focused. Defaults to 'child' in arrow keyboard navigation mode and 'cell' in tab keyboard
navigation mode.
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.
Optionalstyle
style?:StyleOrFunction<CellRenderProps>
The inline style for the
element. A function may be provided to compute the style based on component state.
OptionalsuppressHydrationWarning
suppressHydrationWarning?:boolean
A React-only flag that suppresses the warning React normally logs when an element's
server-rendered content doesn't match the client render during hydration. See React
docs.
OptionaltextValue
textValue?:string
A string representation of the cell's contents, used for features like typeahead.
Props for the Cell component.
Cellis a generic cell wrapper for custom cell content. When rendering cells via ColumnConfig.cell or a custom RowRenderFn, the returned element must be a cell component (Cell,CellText, orCellProfile) at the top level. Returning bare text or other elements without a cell wrapper will break the table layout.