From 0d0e8334b87259738fdc9285dd6df7fd9e018678 Mon Sep 17 00:00:00 2001 From: Shek <96471871+ShekAsiqSF3430@users.noreply.github.com> Date: Wed, 29 Jul 2026 17:06:54 +0530 Subject: [PATCH 1/4] 1024378: modules --- grid-sdk/react/tree-grid/module.md | 59 +++++++++++++++++------------- 1 file changed, 34 insertions(+), 25 deletions(-) diff --git a/grid-sdk/react/tree-grid/module.md b/grid-sdk/react/tree-grid/module.md index 577d03b88..62345c63a 100644 --- a/grid-sdk/react/tree-grid/module.md +++ b/grid-sdk/react/tree-grid/module.md @@ -8,31 +8,40 @@ documentation: ug domainurl: https://help.syncfusion.com/grid-sdk --- -# Module in React TreeGrid component - -Syncfusion React TreeGrid modules help optimize your application's bundle size by including only the features you need. To enable a specific TreeGrid feature, import and inject the corresponding Feature Module into your TreeGrid configuration. The available TreeGrid Feature Modules include: - -| Feature | Module | Description | -|--------|--------|-------------| -| [Paging](./paging) | `Page` | Inject this module to use paging feature. | -| [Sorting](./sorting) | `Sort` | Inject this module to use sorting feature. | -| [Filtering](./filtering/filtering) | `Filter` | Inject this module to use filtering feature. | -| [Editing](./editing/edit) | `Edit` | Inject this module to use editing feature. | -| [Aggregates](./aggregates/aggregates) | `Aggregate` | Inject this module to use aggregate feature. | -| [Column Chooser](./columns/column-chooser) | `ColumnChooser` | Inject this module to use column chooser feature. | -| [Column Menu](./columns/column-menu) | `ColumnMenu` | Inject this module to use column menu feature. | -| [Command Column](./editing/command-column-editing) | `CommandColumn` | Inject this module to use command column feature. | -| [Context Menu](./context-menu) | `ContextMenu` | Inject this module to use context menu feature. | -| [Detail Row](./row/detail-template) | `DetailRow` | Inject this module to use detail template feature. | -| [Foreign Key](./columns/foreign-key-column) | `ForeignKey` | Inject this module to use foreign key feature. | -| [Resize](./columns/column-resizing) | `Resize` | Inject this module to use resize feature. | -| [Reordering](./columns/column-reorder) | `Reorder` | Inject this module to use reorder feature. | -| [Row Drag and Drop](./row/row-drag-and-drop) | `RowDD` | Inject this module to use row drag and drop feature. | -| [Virtual Scrolling](./virtual-scroll) | `VirtualScroll` | Inject this module to use virtual scrolling feature. | -| [Infinite Scrolling](./infinite-scroll) | `InfiniteScroll` | Inject this module to use infinite scrolling feature. | -| [Toolbar](./tool-bar/tool-bar) | `Toolbar` | Inject this module to use toolbar feature. | -| [Excel Export](./excel-export/excel-export) | `ExcelExport` | Inject this module to use excel export feature. | -| [PDF Export](./pdf-export/pdf-export) | `PdfExport` | Inject this module to use PDF export feature. | +# Module in React Treegrid component + +Syncfusion Angular TreeGrid modules help optimize application bundle size by including only the required features. To enable a specific TreeGrid feature, import and inject the corresponding feature module into the TreeGrid configuration. The available TreeGrid feature modules include: + +| Module | Description | +|------|-------------| +| [`Page`](../treegrid/paging)| Inject this module to use paging feature.| +| [`Sort`](../treegrid/sorting)| Inject this module to use sorting feature.| +| [`Filter`](../treegrid/filtering/filtering)| Inject this module to use filtering feature.| +| [`Edit`](../treegrid/editing/edit)| Inject this module to use editing feature.| +| [`Aggregate`](../treegrid/aggregates/aggregates)| Inject this module to use aggregate feature.| +| [`ColumnChooser`](../treegrid/columns/columns#column-chooser)| Inject this module to use column chooser feature.| +| [`ColumnMenu`](../treegrid/columns/columns#column-menu)| Inject this module to use column menu feature.| +| [`CommandColumn`](../treegrid/editing/edit#command-column)| Inject this module to use command column feature.| +| [`ContextMenu`](../treegrid/context-menu)| Inject this module to use context menu feature.| +| [`DetailRow`](../treegrid/row/detail-template)| Inject this module to use detail template feature.| +| [`Freeze`](../treegrid/frozen)| Inject this module to use frozen rows and columns feature.| +| [`Resize`](../treegrid/columns/columns#column-resizing)| Inject this module to use resize feature.| +| [`Reorder`](../treegrid/columns/columns#reorder)| Inject this module to use reorder feature.| +| [`RowDD`](../treegrid/row/row-drag-and-drop)| Inject this module to use row drag and drop feature.| +| [`Search`](../treegrid/searching)| Inject this module to use search feature and this is a default injected module.| +| [`Selection`](../treegrid/selection/selection)| Inject this module to use selection feature and this is a default injected module.| +| [`Print`](../treegrid/print)| Inject this module to use print feature and this is a default injected module.| +| [`Toolbar`](../treegrid/tool-bar/tool-bar)| Inject this module to use toolbar feature.| +| [`VirtualScroll`](../treegrid/virtual-scroll)| Inject this module to use virtual scroll feature.| +| [`InfiniteScroll`](../treegrid/infinite-scroll)| Inject this module to use infinite scroll feature.| +| [`ExcelExport`](../treegrid/excel-export/excel-export)| Inject this module to use excel export feature.| +| [`PdfExport`](../treegrid/pdf-export/pdf-export)| Inject this module to use PDF export feature.| +| [`Clipboard`](../treegrid/clipboard)| Inject this module to use clipboard feature.| + + +Inject these modules into the TreeGrid using the `Inject` directive to enable these functionalities. + +> [`React Tree Grid`](https://www.syncfusion.com/react-ui-components/react-tree-grid) feature tour page for its groundbreaking feature representations. [`React Tree Grid example`](https://ej2.syncfusion.com/react/demos/#/material/treegrid/treegrid-overview) to understand data presentation and interaction within a structured hierarchical grid. ## Enabling basic features From d2ed336b19b4ecf3b302be4ff371ba7dee6c795a Mon Sep 17 00:00:00 2001 From: Shek <96471871+ShekAsiqSF3430@users.noreply.github.com> Date: Wed, 5 Aug 2026 09:47:27 +0530 Subject: [PATCH 2/4] Update module.md to remove unused module references Removed references to the Freeze, Selection, Print, and Clipboard modules from the documentation. --- grid-sdk/react/tree-grid/module.md | 4 ---- 1 file changed, 4 deletions(-) diff --git a/grid-sdk/react/tree-grid/module.md b/grid-sdk/react/tree-grid/module.md index 62345c63a..fa8e4fdfd 100644 --- a/grid-sdk/react/tree-grid/module.md +++ b/grid-sdk/react/tree-grid/module.md @@ -24,19 +24,15 @@ Syncfusion Angular TreeGrid modules help optimize application bundle size by inc | [`CommandColumn`](../treegrid/editing/edit#command-column)| Inject this module to use command column feature.| | [`ContextMenu`](../treegrid/context-menu)| Inject this module to use context menu feature.| | [`DetailRow`](../treegrid/row/detail-template)| Inject this module to use detail template feature.| -| [`Freeze`](../treegrid/frozen)| Inject this module to use frozen rows and columns feature.| | [`Resize`](../treegrid/columns/columns#column-resizing)| Inject this module to use resize feature.| | [`Reorder`](../treegrid/columns/columns#reorder)| Inject this module to use reorder feature.| | [`RowDD`](../treegrid/row/row-drag-and-drop)| Inject this module to use row drag and drop feature.| | [`Search`](../treegrid/searching)| Inject this module to use search feature and this is a default injected module.| -| [`Selection`](../treegrid/selection/selection)| Inject this module to use selection feature and this is a default injected module.| -| [`Print`](../treegrid/print)| Inject this module to use print feature and this is a default injected module.| | [`Toolbar`](../treegrid/tool-bar/tool-bar)| Inject this module to use toolbar feature.| | [`VirtualScroll`](../treegrid/virtual-scroll)| Inject this module to use virtual scroll feature.| | [`InfiniteScroll`](../treegrid/infinite-scroll)| Inject this module to use infinite scroll feature.| | [`ExcelExport`](../treegrid/excel-export/excel-export)| Inject this module to use excel export feature.| | [`PdfExport`](../treegrid/pdf-export/pdf-export)| Inject this module to use PDF export feature.| -| [`Clipboard`](../treegrid/clipboard)| Inject this module to use clipboard feature.| Inject these modules into the TreeGrid using the `Inject` directive to enable these functionalities. From 3f4d228d46fd1a14ac272705ad9993ab9beca979 Mon Sep 17 00:00:00 2001 From: Shek <96471871+ShekAsiqSF3430@users.noreply.github.com> Date: Thu, 6 Aug 2026 11:48:16 +0530 Subject: [PATCH 3/4] Refactor React Tree Grid module documentation Updated the module documentation for React Tree Grid to correct formatting and improve clarity. Changes include title and description adjustments, table formatting, and consistent use of 'Tree Grid'. --- grid-sdk/react/tree-grid/module.md | 62 +++++++++++++++--------------- 1 file changed, 31 insertions(+), 31 deletions(-) diff --git a/grid-sdk/react/tree-grid/module.md b/grid-sdk/react/tree-grid/module.md index fa8e4fdfd..f231814b9 100644 --- a/grid-sdk/react/tree-grid/module.md +++ b/grid-sdk/react/tree-grid/module.md @@ -1,47 +1,47 @@ --- layout: post -title: Module in React Treegrid | Syncfusion -description: Learn here all about Module in Syncfusion React Treegrid component of Syncfusion Essential JS 2 and more. +title: Module in React Tree Grid | Syncfusion +description: Learn here all about Module in Syncfusion React Tree Grid component of Syncfusion Essential JS 2 and more. control: Module platform: grid-sdk documentation: ug domainurl: https://help.syncfusion.com/grid-sdk --- -# Module in React Treegrid component - -Syncfusion Angular TreeGrid modules help optimize application bundle size by including only the required features. To enable a specific TreeGrid feature, import and inject the corresponding feature module into the TreeGrid configuration. The available TreeGrid feature modules include: - -| Module | Description | -|------|-------------| -| [`Page`](../treegrid/paging)| Inject this module to use paging feature.| -| [`Sort`](../treegrid/sorting)| Inject this module to use sorting feature.| -| [`Filter`](../treegrid/filtering/filtering)| Inject this module to use filtering feature.| -| [`Edit`](../treegrid/editing/edit)| Inject this module to use editing feature.| -| [`Aggregate`](../treegrid/aggregates/aggregates)| Inject this module to use aggregate feature.| -| [`ColumnChooser`](../treegrid/columns/columns#column-chooser)| Inject this module to use column chooser feature.| -| [`ColumnMenu`](../treegrid/columns/columns#column-menu)| Inject this module to use column menu feature.| -| [`CommandColumn`](../treegrid/editing/edit#command-column)| Inject this module to use command column feature.| -| [`ContextMenu`](../treegrid/context-menu)| Inject this module to use context menu feature.| -| [`DetailRow`](../treegrid/row/detail-template)| Inject this module to use detail template feature.| -| [`Resize`](../treegrid/columns/columns#column-resizing)| Inject this module to use resize feature.| -| [`Reorder`](../treegrid/columns/columns#reorder)| Inject this module to use reorder feature.| -| [`RowDD`](../treegrid/row/row-drag-and-drop)| Inject this module to use row drag and drop feature.| -| [`Search`](../treegrid/searching)| Inject this module to use search feature and this is a default injected module.| -| [`Toolbar`](../treegrid/tool-bar/tool-bar)| Inject this module to use toolbar feature.| -| [`VirtualScroll`](../treegrid/virtual-scroll)| Inject this module to use virtual scroll feature.| -| [`InfiniteScroll`](../treegrid/infinite-scroll)| Inject this module to use infinite scroll feature.| -| [`ExcelExport`](../treegrid/excel-export/excel-export)| Inject this module to use excel export feature.| -| [`PdfExport`](../treegrid/pdf-export/pdf-export)| Inject this module to use PDF export feature.| - - -Inject these modules into the TreeGrid using the `Inject` directive to enable these functionalities. +# Module in React Tree Grid component + +Syncfusion React Tree Grid modules help optimize application bundle size by including only the required features. To enable a specific Tree Grid feature, import and inject the corresponding feature module into the Tree Grid configuration. The available Tree Grid feature modules include: + +| Feature | Module | Description | +|--------|--------|-------------| +| [Paging](./paging) | `Page` | Inject this module to use paging feature. | +| [Sorting](./sorting) | `Sort` | Inject this module to use sorting feature. | +| [Filtering](./filtering/filtering) | `Filter` | Inject this module to use filtering feature. | +| [Editing](./editing/edit) | `Edit` | Inject this module to use editing feature. | +| [Aggregates](./aggregates/aggregates) | `Aggregate` | Inject this module to use aggregate feature. | +| [Column Chooser](./columns/column-chooser) | `ColumnChooser` | Inject this module to use column chooser feature. | +| [Column Menu](./columns/column-menu) | `ColumnMenu` | Inject this module to use column menu feature. | +| [Command Column](./editing/command-column-editing) | `CommandColumn` | Inject this module to use command column feature. | +| [Context Menu](./context-menu) | `ContextMenu` | Inject this module to use context menu feature. | +| [Search](./searching)| `Search` | Inject this module to use search feature and this is a default injected module.| +| [Detail Row](./row/detail-template) | `DetailRow` | Inject this module to use detail template feature. | +| [Foreign Key](./columns/foreign-key-column) | `ForeignKey` | Inject this module to use foreign key feature. | +| [Resize](./columns/column-resizing) | `Resize` | Inject this module to use resize feature. | +| [Reordering](./columns/column-reorder) | `Reorder` | Inject this module to use reorder feature. | +| [Row Drag and Drop](./row/row-drag-and-drop) | `RowDD` | Inject this module to use row drag and drop feature. | +| [Virtual Scrolling](./virtual-scroll) | `VirtualScroll` | Inject this module to use virtual scrolling feature. | +| [Infinite Scrolling](./infinite-scroll) | `InfiniteScroll` | Inject this module to use infinite scrolling feature. | +| [Toolbar](./tool-bar/tool-bar) | `Toolbar` | Inject this module to use toolbar feature. | +| [Excel Export](./excel-export/excel-export) | `ExcelExport` | Inject this module to use excel export feature. | +| [PDF Export](./pdf-export/pdf-export) | `PdfExport` | Inject this module to use PDF export feature. | + +Inject these modules into the Tree Grid using the `Inject` directive to enable these functionalities. > [`React Tree Grid`](https://www.syncfusion.com/react-ui-components/react-tree-grid) feature tour page for its groundbreaking feature representations. [`React Tree Grid example`](https://ej2.syncfusion.com/react/demos/#/material/treegrid/treegrid-overview) to understand data presentation and interaction within a structured hierarchical grid. ## Enabling basic features -The following example demonstrates how to enable basic features such as Paging, Sorting, Filtering, Toolbar and Editing by importing required modules from `@syncfusion/ej2-react-treegrid` and injecting them into the treegrid component. +The following example demonstrates how to enable basic features such as Paging, Sorting, Filtering, Toolbar and Editing by importing required modules from `@syncfusion/ej2-react-treegrid` and injecting them into the Tree Grid component. {% tabs %} {% highlight js tabtitle="App.jsx" %} From 680e1c61fc40ebca079a10210f877145ecfbfc09 Mon Sep 17 00:00:00 2001 From: Shek <96471871+ShekAsiqSF3430@users.noreply.github.com> Date: Thu, 6 Aug 2026 12:02:01 +0530 Subject: [PATCH 4/4] Remove Search module from injected modules list Removed the Search module from the list of injected modules. --- grid-sdk/react/tree-grid/module.md | 1 - 1 file changed, 1 deletion(-) diff --git a/grid-sdk/react/tree-grid/module.md b/grid-sdk/react/tree-grid/module.md index f231814b9..8e9301543 100644 --- a/grid-sdk/react/tree-grid/module.md +++ b/grid-sdk/react/tree-grid/module.md @@ -23,7 +23,6 @@ Syncfusion React Tree Grid modules help optimize application bundle size by incl | [Column Menu](./columns/column-menu) | `ColumnMenu` | Inject this module to use column menu feature. | | [Command Column](./editing/command-column-editing) | `CommandColumn` | Inject this module to use command column feature. | | [Context Menu](./context-menu) | `ContextMenu` | Inject this module to use context menu feature. | -| [Search](./searching)| `Search` | Inject this module to use search feature and this is a default injected module.| | [Detail Row](./row/detail-template) | `DetailRow` | Inject this module to use detail template feature. | | [Foreign Key](./columns/foreign-key-column) | `ForeignKey` | Inject this module to use foreign key feature. | | [Resize](./columns/column-resizing) | `Resize` | Inject this module to use resize feature. |