Documentation(EJ2-1015310): Add content for integrate spreadsheet into existing layouts in react spreadsheet ug documentation. by NITHISHKUMARRAVIKUMAR · Pull Request #2459 · syncfusion-content/document-processing-docs

NITHISHKUMARRAVIKUMAR · 2026-03-18T05:48:19Z

UG documentation 1015310: Documentation Improvement - add User Interface Customization details in react spreadsheet ug documentation.

…uts in react spreadsheet ug documentation

…ocument-processing-docs into EJ2-1015310-ug1

SyncfusionBuild · 2026-03-18T05:49:13Z

Build Status: INPROGRESS 🔃
Build Location: EJ2-1015310-ug1

SyncfusionBuild · 2026-03-18T06:17:33Z

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: EJ2-1015310-ug1
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

…uts in react spreadsheet ug documentation

… layouts in react spreadsheet ug documentation

SyncfusionBuild · 2026-03-18T07:03:30Z

The running CI Job is terminated due to changes committed on the source branch for this Merge Request and CI triggered for latest commit.

SyncfusionBuild · 2026-03-18T07:04:23Z

Build Status: INPROGRESS 🔃
Build Location: EJ2-1015310-ug1

SyncfusionBuild · 2026-03-18T07:08:33Z

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: EJ2-1015310-ug1
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

…ocument-processing-docs into EJ2-1015310-ug1

SyncfusionBuild · 2026-03-30T06:44:51Z

Build Status: INQUEUE 🕒
Build Location: EJ2-1015310-ug1

SyncfusionBuild · 2026-03-30T06:53:10Z

Build Status: INPROGRESS 🔃
Build Location: EJ2-1015310-ug1

SyncfusionBuild · 2026-03-30T07:02:20Z

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: EJ2-1015310-ug1
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

…ocument-processing-docs into EJ2-1015310-ug1

SyncfusionBuild · 2026-03-30T07:47:33Z

Build Status: INPROGRESS 🔃
Build Location: EJ2-1015310-ug1

SyncfusionBuild · 2026-03-30T07:52:33Z

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: EJ2-1015310-ug1
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

… layouts in react spreadsheet ug documentation

SyncfusionBuild · 2026-03-30T08:03:39Z

Build Status: INPROGRESS 🔃
Build Location: EJ2-1015310-ug1

SyncfusionBuild · 2026-03-30T08:07:49Z

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: EJ2-1015310-ug1
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

…ocument-processing-docs into EJ2-1015310-ug1

SyncfusionBuild · 2026-03-30T10:52:15Z

Build Status: INPROGRESS 🔃
Build Location: EJ2-1015310-ug1

SyncfusionBuild · 2026-03-30T10:57:15Z

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: EJ2-1015310-ug1
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

…ayouts

…ocument-processing-docs into EJ2-1015310-ug1

SyncfusionBuild · 2026-04-10T11:54:52Z

Build Status: INPROGRESS 🔃
Build Location: EJ2-1015310-ug1

SyncfusionBuild · 2026-04-10T11:54:55Z

The running CI Job is terminated due to changes committed on the source branch for this Merge Request and CI triggered for latest commit.

SyncfusionBuild · 2026-04-10T11:55:42Z

CI Status: ABORTED ❌
Source Compilation: Not Started ❌
Build Location: EJ2-1015310-ug1

SyncfusionBuild · 2026-04-10T11:55:47Z

Build Status: INPROGRESS 🔃
Build Location: EJ2-1015310-ug1

SyncfusionBuild · 2026-04-10T11:59:57Z

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: EJ2-1015310-ug1
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0

babu-periyasamy · 2026-04-15T10:37:20Z

+};
+const onDialogOpen = useCallback(() => {
+    setTimeout(() => {
+        window.dispatchEvent(new Event('resize'));


Utilize the resize method of our Spreadsheet.

babu-periyasamy · 2026-04-15T10:38:19Z

+        const spreadsheetRef = useRef(null);
+        const onExpanded = useCallback((args) => {
+              setTimeout(() => {
+                  window.dispatchEvent(new Event('resize'));


Utilize the resize method of our Spreadsheet. And remove the refresh call after that.

babu-periyasamy · 2026-04-15T10:39:04Z

+observer.observe(document.querySelector('#spreadsheet')!);
+```
+
+Lazy-render inside tabs/dialogs/accordions: only mount the Spreadsheet when the pane is visible. If you must mount while hidden, call a refresh after showing (for example, call `window.dispatchEvent(new Event('resize'))` or the component's refresh method) so the Spreadsheet recomputes layout.


Update the above topic content based on our Spreadsheet resize method.

Nithishk1 added 2 commits March 18, 2026 11:15

1015310: added content for integrating spreadsheet into existing layo…

a7662c8

…uts in react spreadsheet ug documentation

Merge branch 'development' of https://github.com/syncfusion-content/d…

be5d621

…ocument-processing-docs into EJ2-1015310-ug1

NITHISHKUMARRAVIKUMAR added documentation Improvements or additions to documentation cs:used AI was used in this PR labels Mar 18, 2026

Nithishk1 added 2 commits March 18, 2026 12:32

1015310: added content for integrating spreadsheet into existing layo…

cf0726d

…uts in react spreadsheet ug documentation

1015310: added code samples for integrating spreadsheet into existing…

c8bec29

… layouts in react spreadsheet ug documentation

Merge branch 'development' of https://github.com/syncfusion-content/d…

6d5c375

…ocument-processing-docs into EJ2-1015310-ug1

Merge branch 'development' of https://github.com/syncfusion-content/d…

ac57c9d

…ocument-processing-docs into EJ2-1015310-ug1

1015310: added code samples for integrating spreadsheet into existing…

bb4668a

… layouts in react spreadsheet ug documentation

Merge branch 'development' of https://github.com/syncfusion-content/d…

b965eef

…ocument-processing-docs into EJ2-1015310-ug1

babu-periyasamy reviewed Apr 10, 2026

View reviewed changes

Comment thread Document-Processing/Excel/Spreadsheet/React/how-to/existing-react-layout.md

Nithishk1 added 2 commits April 10, 2026 17:23

1015310: added code samples for integrate spreadsheet into existing l…

deff494

…ayouts

Merge branch 'development' of https://github.com/syncfusion-content/d…

4d01b24

…ocument-processing-docs into EJ2-1015310-ug1

babu-periyasamy reviewed Apr 15, 2026

View reviewed changes

Conversation

NITHISHKUMARRAVIKUMAR commented Mar 18, 2026

Uh oh!

SyncfusionBuild commented Mar 18, 2026

Uh oh!

SyncfusionBuild commented Mar 18, 2026

Uh oh!

SyncfusionBuild commented Mar 18, 2026

Uh oh!

SyncfusionBuild commented Mar 18, 2026

Uh oh!

SyncfusionBuild commented Mar 18, 2026

Uh oh!

SyncfusionBuild commented Mar 30, 2026

Uh oh!

SyncfusionBuild commented Mar 30, 2026

Uh oh!

SyncfusionBuild commented Mar 30, 2026

Uh oh!

SyncfusionBuild commented Mar 30, 2026

Uh oh!

SyncfusionBuild commented Mar 30, 2026

Uh oh!

SyncfusionBuild commented Mar 30, 2026

Uh oh!

SyncfusionBuild commented Mar 30, 2026

Uh oh!

SyncfusionBuild commented Mar 30, 2026

Uh oh!

SyncfusionBuild commented Mar 30, 2026

Uh oh!

Uh oh!

SyncfusionBuild commented Apr 10, 2026

Uh oh!

SyncfusionBuild commented Apr 10, 2026

Uh oh!

SyncfusionBuild commented Apr 10, 2026

Uh oh!

SyncfusionBuild commented Apr 10, 2026

Uh oh!

SyncfusionBuild commented Apr 10, 2026

Uh oh!

babu-periyasamy Apr 15, 2026

Choose a reason for hiding this comment

Uh oh!

babu-periyasamy Apr 15, 2026

Choose a reason for hiding this comment

Uh oh!

babu-periyasamy Apr 15, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants