Documentation

Cell Highlighting

Cell highlighting allows users to select and visually emphasize specific cells or ranges of cells within your tables. This is especially useful for copy-paste operations, data analysis, and drawing attention to important values.

Basic Cell Selection

Enable cell selection by adding the selectableCells and selectableColumns props to your SimpleTable component. This enables users to select individual cells and entire columns.

React TSX
1

Selection Properties

  • selectableCells: Enables selection of individual cells
  • selectableColumns: Enables selection of entire columns

Selection Behavior

When selection is enabled, users can:

  • Click on individual cells to select them
  • Click on column headers to select entire columns
  • Use keyboard shortcuts (Ctrl+C/⌘+C) to copy selected data
  • Paste the data into spreadsheet applications
Previous: Cell EditingNext: Cell Renderer