Highlights
Highlights usage
This guide is based on getting started .
Highlights allow you to alter arbitrary cells in the grid by applying custom CSS classes to them or by setting their border colours.
Import the
Highlightinterface
import { ReactGrid, Highlight } from "@silevis/reactgrid";Define an array of
Highlightobjects
const highlights: Highlight[] = [
{ columnId: "Name", rowId: 1, borderColor: "#00ff00" },
{ columnId: "Surname", rowId: 2, borderColor: "#0000ff" },
{ columnId: "Name", rowId: 3, borderColor: "#ff0000" }
];Pass the
highlightsobject array to your component
return <ReactGrid rows={rows} columns={columns} highlights={highlights} />;