When a column header is selected, we want to highlight all cells in the column by applying a different class name. However, currently the class applied to the cell is only calculated when the Cell
component renders, and there isn't a good way to force a specific cell to re-render via the Row
component.
Add a method to the Column
type to allow additional props to be passed to the Cell
. Additional props are already supported in the Cell
component and are applied to the wrapper div.
interface Column<TRow, TSummaryRow = unknown> {
// ...
readonly cellWrapperProps?: Maybe<Omit<React.HTMLAttributes<HTMLDivElement>, 'style' | 'children'> | ((row: TRow) => Maybe<Omit<React.HTMLAttributes<HTMLDivElement>, 'style' | 'children'>>)>;
// ...
}
This way, to force a re-render we can e.g. pass a prop like data-col-selected="true"
.
Owner Name | adazzle |
Repo Name | react-data-grid |
Full Name | adazzle/react-data-grid |
Language | TypeScript |
Created Date | 2015-03-06 |
Updated Date | 2023-03-23 |
Star Count | 5922 |
Watcher Count | 129 |
Fork Count | 2072 |
Issue Count | 161 |
Issue Title | Created Date | Updated Date |
---|