Example of Note in Javascript Spreadsheet Control

All Controls
/
Spreadsheet
/
Notes

This sample demonstrates the Notes feature using the shopping cart scenario as an example. When you hover your mouse over the red indicator in the right corner of the cell, any note attached to the cell will be displayed.

More Details...

1
2
3
ABCDEFGHIJKLMNOPQRSTUVWXYZAAABACADAEAFAGAHAIAJAKALAMANAOAPAQARASATAUAVAWAXAY
Shopping Cart
Product IDProduct NameCategoryQuantityPriceTotal
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
101Coffee Maker
Kitchen43$399$17,157.00
102Apple Pencil
Electronics7$200$1,400.00
103Juicer
Kitchen12$100$1,200.00
104ToasterKitchen69$183$12,627.00
105Tea Kettle
Kitchen83$169$14,027.00
106Logitech MouseElectronics16$250$4,000.00
107SkilletKitchen20$149$2,980.00
108Hamilton BlenderAppliances68$109$7,412.00
109Plate setKitchen59$168$9,912.00
Total Amount$70,715.00
Shopping Cart
Description

The Notes feature allows you to add comments while reviewing a document. You can enable or disable the notes option using the enableNotes property; by default, it's enabled. To insert a note into cells, use the "Add Note" context menu option. Once added, notes can be edited or removed using the "Edit Note" and "Delete Note" context menu options respectively. The following keyboard shortcuts apply to the Notes feature: Shift + F2 - Add a note to the current cell. Esc - Save and close the note.