React Data Grid

Cell Components

react logo

The example below shows adding images, hyperlinks, and buttons to a cell using Custom Cell Components.

Custom Components

The Component is provided props containing, amongst other things, the value to be rendered.

// this comp gets inserted into the Cell
const CustomButtonComp = props => {
    return <>{props.value}</>;

The provided props (interface CustomCellRendererProps) are: