996221: Added UG content for the threaded comment feature.

Author: jayachandran-jayasankar

Document-Processing/Excel/Spreadsheet/Javascript-ES6/comment.md

@@ -22,7 +22,7 @@ The Syncfusion Spreadsheet does not automatically track user identity. To tag ne
     import { Spreadsheet } from '@syncfusion/ej2-spreadsheet';
     // Initialize Spreadsheet component
     const spreadsheet: Spreadsheet = new Spreadsheet(
-        // Assign the author property
+        // Set the author name, If not set, "Guest User" will be shown as the author by default.
         author: 'Place the Author Name Here'
     );
     // Render initialized Spreadsheet
@@ -45,7 +45,7 @@ You can add a **comment** to a cell in the following ways:
 
 ```ts
 
-    // Create a comment in the desired cell
+    // Create a comment at the target cell using updateCell
     spreadsheet.updateCell({
     comment: {
         author: 'Chistoper', text: 'Are you completed the report',

Document-Processing/code-snippet/spreadsheet/javascript-es6/comemnt-cs1/index.js

@@ -4,6 +4,7 @@ var sheets = [{
     name: 'Shipment Details',
     ranges: [{ dataSource: shipmentData }],
     columns: [{ width: 80 }, { width: 130 }, { width: 150 }, { width: 100 }, { width: 100 }],
+    // Attach comment to the specific cells
     rows: [{
         index: 1, cells: [{
             index: 4, comment: {
@@ -70,14 +71,13 @@ var sheets = [{
 }];
 
 var spreadsheet = new ej.spreadsheet.Spreadsheet({
-    // To show the comments review pane on initial rendering.
-    showCommentsPane: true,
+    showCommentsPane: true, // Show the comments review pane on initial rendering
     openUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
     saveUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
     sheets: sheets,
     created: function () {
        spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Shipment Details!A1:F1');
-        // Added comment using the updateCell method.
+        // Add comment using updateCell.
         spreadsheet.updateCell({
             comment: {
                 author: 'Cristi Espinos', text: 'Validate customer name for Order 10249.', createdTime: 'November 18, 2025 at 4:00 PM',
@@ -100,6 +100,6 @@ var spreadsheet = new ej.spreadsheet.Spreadsheet({
         }, 'Shipment Details!D9');
     }
 });
-
+// Render the Spreadsheet
 spreadsheet.appendTo('#spreadsheet');
 

Document-Processing/code-snippet/spreadsheet/javascript-es6/comemnt-cs1/index.ts

@@ -1,11 +1,11 @@
 import { Spreadsheet, SheetModel } from '@syncfusion/ej2-spreadsheet';
 import { shipmentData } from './datasource.ts';
 
-// Added comments using the cell data binding
 let sheets: SheetModel[] = [{
     name: 'Shipment Details',
     ranges: [{ dataSource: shipmentData }],
     columns: [{ width: 80 }, { width: 130 }, { width: 150 }, { width: 100 }, { width: 100 }],
+    // Attach comment to the specific cells
     rows: [{
         index: 1, cells: [{
             index: 4, comment: {
@@ -72,14 +72,13 @@ let sheets: SheetModel[] = [{
 }];
 
 let spreadsheet: Spreadsheet = new Spreadsheet({
-    // To show the comments review pane on initial rendering.
-    showCommentsPane: true,
+    showCommentsPane: true, // Show the comments review pane on initial rendering
     openUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/open',
     saveUrl: 'https://document.syncfusion.com/web-services/spreadsheet-editor/api/spreadsheet/save',
     sheets: sheets,
     created: (): void => {
         spreadsheet.cellFormat({ fontWeight: 'bold', textAlign: 'center' }, 'Shipment Details!A1:F1');
-        // Added comment using the updateCell method.
+        // Add comment using updateCell.
         spreadsheet.updateCell({
             comment: {
                 author: 'Cristi Espinos', text: 'Validate customer name for Order 10249.', createdTime: 'November 18, 2025 at 4:00 PM',
@@ -102,5 +101,5 @@ let spreadsheet: Spreadsheet = new Spreadsheet({
         }, 'Shipment Details!D9');
     }
 });
-
+// Render the Spreadsheet
 spreadsheet.appendTo('#spreadsheet');