Images and Illustrations
10 Jul 20261 minute to read
The React Spreadsheet Editor component allows you to insert images directly into worksheet cells to enhance visual presentation and provide additional context alongside data. Images such as logos, screenshots, diagrams, or illustrations can be placed within a sheet, positioned as needed, resized, selected, or removed.
Images can be controlled using the allowImage property, which is enabled by default.
Overview of Images and Illustrations Operations
The React Spreadsheet component also provides a range of features for working with images and illustrations. Below is a quick overview of each feature, with links to their respective documentation sections:
- Insert and Position Images: Add images to your spreadsheet and place them at the desired location.
- Resize Images: Change the height and width of images to fit your needs.
- Delete Images: Remove images that are no longer required from your spreadsheet.
- Select and Deselect Images: Select one or multiple images for further actions or deselect them as needed.
- Image Customization: Customize image properties such as size and position programmatically.
Limitations of Image
- Corner resizing option is not available in the image element.