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.
Cell Highlighting Properties
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
Copy-Paste Integration
Cell highlighting works seamlessly with Simple Table's built-in copy-paste functionality:
- Copy selected cells or ranges to the clipboard using Ctrl+C/⌘+C
- Paste data from external sources using Ctrl+V/⌘+V
- Data formatting is preserved when copying between tables and spreadsheet applications
- Multi-cell selection enables efficient bulk copy operations
Paste Restrictions
When pasting data into your table, only columns marked with isEditable: true will accept the pasted values. Non-editable columns will be automatically skipped during paste operations, ensuring data integrity and preventing accidental modification of read-only fields like IDs or calculated values.
Pro Tip
Combine cell highlighting with column editing capabilities to create powerful data entry workflows. Users can select ranges, copy from spreadsheets, and paste directly into editable columns for efficient bulk data operations.