@syncfusion/ej2-treegrid 20.4.49 → 21.1.35

package/src/treegrid/enum.d.ts

@@ -1,49 +1,32 @@
 /**
- * Defines types of Filter Hierarchy
- * * Parent - Specifies the filter type as Parent.
- * * Child - Specifies the filter type as excel.
- * * Both - Specifies the filter type as filter bar
- * * None - Specifies the filter type as check box.
+ * Defines modes of Filter Hierarchy
+ * ```props
+ * * Parent :- Shows filtered records with its Parent records.
+ * * Child :- Shows filtered records with its Child records.
+ * * Both :- Shows filtered records with its Parent and Child records.
+ * * None :- Shows only the filetred records.
+ * ```
  */
-export declare type FilterHierarchyMode = 
-/** Shows filtered records with its Parent records */
-'Parent' | 
-/** Shows filtered records with its Child records */
-'Child' | 
-/** Shows filtered records with its Parent and Child records */
-'Both' | 
-/** Shows only filetred records */
-'None';
+export declare type FilterHierarchyMode = 'Parent' | 'Child' | 'Both' | 'None';
 /**
  * Defines Predefined toolbar items.
- *
+ * ```props
+ * * Add :- Add new record.
+ * * Edit :- Edit the selected record.
+ * * Update :- Update the edited record.
+ * * Delete :- Delete the selected record.
+ * * Cancel :- Cancel the edited state.
+ * * Search :- Searches the TreeGrid records by given key.
+ * * ExpandAll :- Expands all the rows in TreeGrid.
+ * * CollapseAll :- Collapses all the rows in TreeGrid.
+ * * ExcelExport :- Export the TreeGrid to Excel.
+ * * PdfExport :- Export the TreeGrid to Pdf.
+ * * CsvExport :- Export the TreeGrid to Csv.
+ * * Print :- Print the TreeGrid.
+ * ```
  * @hidden
  */
-export declare type ToolbarItems = 
-/** Add new record */
-'Add' | 
-/** Delete selected record */
-'Delete' | 
-/** Update edited record */
-'Update' | 
-/** Cancel the edited state */
-'Cancel' | 
-/** Edit the selected record */
-'Edit' | 
-/** Searches the TreeGrid records by given key */
-'Search' | 
-/** Expands all the rows in TreeGrid */
-'ExpandAll' | 
-/** Collapses all the rows in TreeGrid */
-'CollapseAll' | 
-/** Export the TreeGrid to Excel */
-'ExcelExport' | 
-/** Export the TreeGrid to Pdf */
-'PdfExport' | 
-/** Export the TreeGrid to Csv */
-'CsvExport' | 
-/** Print the TreeGrid */
-'Print';
+export declare type ToolbarItems = 'Add' | 'Delete' | 'Update' | 'Cancel' | 'Edit' | 'Search' | 'ExpandAll' | 'CollapseAll' | 'ExcelExport' | 'PdfExport' | 'CsvExport' | 'Print';
 /**
  * Defines Predefined toolbar items.
  *
@@ -67,56 +50,34 @@ export declare enum ToolbarItem {
 }
 /**
  * Defines different PageSizeMode
- * * All - Specifies the PageSizeMode as All
- * * Root - Specifies the PageSizeMode as Root
+ * ```props
+ * * All :- Defines the pageSizeMode as All
+ * * Root :- Defines the pageSizeMode as Root
+ * ```
  */
-export declare type PageSizeMode = 
-/**  Defines the pageSizeMode as All */
-'All' | 
-/**  Defines the pageSizeMode as Root */
-'Root';
+export declare type PageSizeMode = 'All' | 'Root';
 /**
  * Defines predefined contextmenu items.
- *
+ * ```props
+ * * AutoFitAll :- Auto fit the size of all columns.
+ * * AutoFit :- Auto fit the current column.
+ * * SortAscending :- Sort the current column in ascending order.
+ * * SortDescending :- Sort the current column in descending order.
+ * * Edit :- Edit the current record.
+ * * Delete :- Delete the current record.
+ * * Save :- Save the edited record.
+ * * Cancel :- Cancel the edited state.
+ * * PdfExport :- Export the TreeGrid as Pdf format.
+ * * ExcelExport :- Export the TreeGrid as Excel format.
+ * * CsvExport :- Export the TreeGrid as CSV format.
+ * * FirstPage :- Go to the first page.
+ * * PrevPage :- Go to the previous page.
+ * * LastPage :- Go to the last page.
+ * * NextPage :- Go to the next page.
+ * ```
  * @hidden
  */
-export declare type ContextMenuItem = 
-/** `AutoFitAll` - Auto fit the size of all columns. */
-'AutoFitAll' | 
-/**  `AutoFit` - Auto fit the current column. */
-'AutoFit' | 
-/**  `SortAscending` - Sort the current column in ascending order. */
-'SortAscending' | 
-/** `SortDescending` - Sort the current column in descending order. */
-'SortDescending' | 
-/**  `Edit` - Edit the current record. */
-'Edit' | 
-/** `Delete` - Delete the current record. */
-'Delete' | 
-/** `Save` - Save the edited record. */
-'Save' | 
-/** `Cancel` - Cancel the edited state. */
-'Cancel' | 
-/** `PdfExport` - Export the TreeGrid as Pdf format. */
-'PdfExport' | 
-/** `ExcelExport` - Export the TreeGrid as Excel format. */
-'ExcelExport' | 
-/** `CsvExport` - Export the TreeGrid as CSV format. */
-'CsvExport' | 
-/** `FirstPage` - Go to the first page. */
-'FirstPage' | 
-/** `PrevPage` - Go to the previous page. */
-'PrevPage' | 
-/** `LastPage` - Go to the last page. */
-'LastPage' | 
-/** `NextPage` - Go to the next page. */
-'NextPage' | 
-/** AddRow to the TreeGrid */
-'AddRow' | 
-/** `Indent` - Indents the record to one level of hierarchy */
-'Indent' | 
-/** `Outdent` - Outdent the record to one level of hierarchy */
-'Outdent';
+export declare type ContextMenuItem = 'AutoFitAll' | 'AutoFit' | 'SortAscending' | 'SortDescending' | 'Edit' | 'Delete' | 'Save' | 'Cancel' | 'PdfExport' | 'ExcelExport' | 'CsvExport' | 'FirstPage' | 'PrevPage' | 'LastPage' | 'NextPage' | 'AddRow' | 'Indent' | 'Outdent';
 /**
  * Defines predefined contextmenu items.
  *
@@ -144,69 +105,49 @@ export declare enum ContextMenuItems {
 }
 /**
  * Defines modes of editing.
+ * ```props
+ * * Cell :- Defines the editing mode as Cell.
+ * * Row :- Defines the editing mode as Row.
+ * * Dialog :- Defines the editing mode as Dialog.
+ * * Batch :- Defines the editing mode as Batch.
+ * ```
  */
-export declare type EditMode = 
-/**  Defines EditMode as Cell */
-'Cell' | 
-/**  Defines EditMode as Row */
-'Row' | 
-/**  Defines EditMode as Dialog */
-'Dialog' | 
-/**  Defines EditMode as Batch */
-'Batch';
+export declare type EditMode = 'Cell' | 'Row' | 'Dialog' | 'Batch';
 /**
  * Defines the position where the new row has to be added.
+ * ```props
+ * * Top :- Defines new row position as top of all rows.
+ * * Bottom :- Defines new row position as bottom of all rows.
+ * * Above :- Defines new row position as above the selected row.
+ * * Below :- Defines new row position as below the selected row.
+ * * Child :- Defines new row position as child to the selected row.
+ * ```
  */
-export declare type RowPosition = 
-/**  Defines new row position as top of all rows */
-'Top' | 
-/**  Defines new row position as bottom of all rows */
-'Bottom' | 
-/**  Defines new row position as above the selected row */
-'Above' | 
-/**  Defines new row position as below the selected row */
-'Below' | 
-/**  Defines new row position as child to the selected row */
-'Child';
+export declare type RowPosition = 'Top' | 'Bottom' | 'Above' | 'Below' | 'Child';
 /**
  * Defines types of Filter
- * * Menu - Specifies the filter type as menu.
- * * Excel - Specifies the filter type as excel.
- * * FilterBar - Specifies the filter type as filter bar.
+ * ```props
+ * * Menu :- Defines the filter type as Menu.
+ * * Excel :- Defines the filter type as Excel.
+ * * FilterBar :- Defines the filter type as FilterBar.
+ * ```
  */
-export declare type FilterType = 
-/**  Defines FilterType as filterbar */
-'FilterBar' | 
-/**  Defines FilterType as excel */
-'Excel' | 
-/**  Defines FilterType as menu */
-'Menu';
+export declare type FilterType = 'FilterBar' | 'Excel' | 'Menu';
 /**
  * Defines the wrap mode.
- * * Both -  Wraps both header and content.
- * * Header - Wraps header alone.
- * * Content - Wraps content alone.
+ * ```props
+ * * Both :-  Wraps both header and content.
+ * * Header :- Wraps header alone.
+ * * Content :- Wraps content alone.
  */
-export declare type WrapMode = 
-/** Wraps both header and content */
-'Both' | 
-/** Wraps  header alone */
-'Header' | 
-/** Wraps  content alone */
-'Content';
+export declare type WrapMode = 'Both' | 'Header' | 'Content';
 /**
  * Defines types of CopyHierarchyMode. They are
- * * Parent
- * * Child
- * * Both
- * * None
+ * ```props
+ * * Parent :- Defines CopyHiearchyMode as Parent.
+ * * Child :- Defines CopyHiearchyMode as Child.
+ * * Both :- Defines CopyHiearchyMode as Both.
+ * * None :- Defines CopyHiearchyMode as None.
+ * ```
  */
-export declare type CopyHierarchyType = 
-/**  Defines CopyHiearchyMode as Parent */
-'Parent' | 
-/**  Defines CopyHiearchyMode as Child */
-'Child' | 
-/**  Defines CopyHiearchyMode as Both */
-'Both' | 
-/**  Defines CopyHiearchyMode as None */
-'None';
+export declare type CopyHierarchyType = 'Parent' | 'Child' | 'Both' | 'None';

package/src/treegrid/models/column.d.ts

@@ -403,9 +403,11 @@ export interface ColumnModel {
     columns?: Column[] | string[] | ColumnModel[];
     /**
      * Defines the cell content's overflow mode. The available modes are
-     * * `Clip` -  Truncates the cell content when it overflows its area.
-     * * `Ellipsis` -  Displays ellipsis when the cell content overflows its area.
-     * * `EllipsisWithTooltip` - Displays ellipsis when the cell content overflows its area
+     * ```props
+     * * Clip :- Truncates the cell content when it overflows its area.
+     * * Ellipsis :- Displays ellipsis when the cell content overflows its area.
+     * * EllipsisWithTooltip :- Displays ellipsis when the cell content overflows its area also it will display tooltip while hover on ellipsis applied cell.
+     * ```
      * also it will display tooltip while hover on ellipsis applied cell.
      *
      * @default Syncfusion.EJ2.Grids.ClipMode.Ellipsis

package/src/treegrid/models/edit-settings-model.d.ts

@@ -28,10 +28,12 @@ export interface EditSettingsModel {
 
     /**
      * Defines the mode to edit. The available editing modes are:
-     * * Cell
-     * * Row
-     * * Dialog
-     * * Batch
+     * ```props
+     * * Cell :- Defines the editing mode as Cell.
+     * * Row :- Defines the editing mode as Row.
+     * * Dialog :- Defines the editing mode as Dialog.
+     * * Batch :- Defines the editing mode as Batch.
+     * ```
      *
      * @default Cell
      * @isEnumeration true
@@ -40,11 +42,13 @@ export interface EditSettingsModel {
 
     /**
      * Defines the row position for new records. The available row positions are:
-     * * Top
-     * * Bottom
-     * * Above
-     * * Below
-     * * Child
+     * ```props
+     * * Top :- Defines the row position as Top.
+     * * Bottom :- Defines the row position as Bottom.
+     * * Above :- Defines the row position as Above.
+     * * Below :- Defines the row position as Below.
+     * * Child :- Defines the row position as Child.
+     * ```
      * {% codeBlock src='treegrid/newRowPosition/index.md' %}{% endcodeBlock %}
      *
      * @default Top

package/src/treegrid/models/edit-settings.d.ts

@@ -25,10 +25,12 @@ export declare class EditSettings extends ChildProperty<EditSettings> {
     allowDeleting: boolean;
     /**
      * Defines the mode to edit. The available editing modes are:
-     * * Cell
-     * * Row
-     * * Dialog
-     * * Batch
+     * ```props
+     * * Cell :- Defines the editing mode as Cell.
+     * * Row :- Defines the editing mode as Row.
+     * * Dialog :- Defines the editing mode as Dialog.
+     * * Batch :- Defines the editing mode as Batch.
+     * ```
      *
      * @default Cell
      * @isEnumeration true
@@ -36,11 +38,13 @@ export declare class EditSettings extends ChildProperty<EditSettings> {
     mode: EditMode;
     /**
      * Defines the row position for new records. The available row positions are:
-     * * Top
-     * * Bottom
-     * * Above
-     * * Below
-     * * Child
+     * ```props
+     * * Top :- Defines the row position as Top.
+     * * Bottom :- Defines the row position as Bottom.
+     * * Above :- Defines the row position as Above.
+     * * Below :- Defines the row position as Below.
+     * * Child :- Defines the row position as Child.
+     * ```
      * {% codeBlock src='treegrid/newRowPosition/index.md' %}{% endcodeBlock %}
      *
      * @default Top

package/src/treegrid/models/filter-settings-model.d.ts

@@ -161,9 +161,10 @@ export interface FilterSettingsModel {
 
     /**
      * Defines the filter bar modes. The available options are,
-     * * `OnEnter`: Initiates filter operation after Enter key is pressed.
-     * * `Immediate`: Initiates filter operation after a certain time interval. By default, time interval is 1500 ms.
-     *
+     * ```props
+     * *  OnEnter :- Initiates filter operation after Enter key is pressed.
+     * *  Immediate :- Initiates filter operation after a certain time interval. By default, time interval is 1500 ms.
+     * ```
      * @default Syncfusion.EJ2.Grids.FilterBarMode.OnEnter
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.FilterBarMode
@@ -204,14 +205,18 @@ export interface FilterSettingsModel {
     ignoreAccent?: boolean;
 
     /**
-     * Defines the filter types. The available options are,
-     * `Parent`: Shows the filtered record with parent record.
-     * `Child`: Shows the filtered record with child record.
-     * `Both` : shows the filtered record with both parent and child record.
-     * `None` : Shows only filtered record.
+     *  Defines the filter hierarchy modes. The available options are,
+     * ```props
+     * *  Parent :- Shows the filtered record with parent record.
+     * *  Child :- Shows the filtered record with child record.
+     * *  Both :- Shows the filtered record with both parent and child record.
+     * *  None :- Shows only the filtered record.
+     * ```
      * {% codeBlock src='treegrid/hierarchyMode/index.md' %}{% endcodeBlock %}
      *
      * @default Parent
+     * @isEnumeration true
+     * @aspType FilterHierarchyMode
      */
     hierarchyMode?: FilterHierarchyMode;
 

package/src/treegrid/models/filter-settings.d.ts

@@ -146,9 +146,10 @@ export declare class FilterSettings extends ChildProperty<FilterSettings> {
     type: FilterType;
     /**
      * Defines the filter bar modes. The available options are,
-     * * `OnEnter`: Initiates filter operation after Enter key is pressed.
-     * * `Immediate`: Initiates filter operation after a certain time interval. By default, time interval is 1500 ms.
-     *
+     * ```props
+     * *  OnEnter :- Initiates filter operation after Enter key is pressed.
+     * *  Immediate :- Initiates filter operation after a certain time interval. By default, time interval is 1500 ms.
+     * ```
      * @default Syncfusion.EJ2.Grids.FilterBarMode.OnEnter
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.FilterBarMode
@@ -184,14 +185,18 @@ export declare class FilterSettings extends ChildProperty<FilterSettings> {
      */
     ignoreAccent: boolean;
     /**
-     * Defines the filter types. The available options are,
-     * `Parent`: Shows the filtered record with parent record.
-     * `Child`: Shows the filtered record with child record.
-     * `Both` : shows the filtered record with both parent and child record.
-     * `None` : Shows only filtered record.
+     *  Defines the filter hierarchy modes. The available options are,
+     * ```props
+     * *  Parent :- Shows the filtered record with parent record.
+     * *  Child :- Shows the filtered record with child record.
+     * *  Both :- Shows the filtered record with both parent and child record.
+     * *  None :- Shows only the filtered record.
+     * ```
      * {% codeBlock src='treegrid/hierarchyMode/index.md' %}{% endcodeBlock %}
      *
      * @default Parent
+     * @isEnumeration true
+     * @aspType FilterHierarchyMode
      */
     hierarchyMode: FilterHierarchyMode;
 }

package/src/treegrid/models/loading-indicator-model.d.ts

@@ -7,8 +7,10 @@ export interface LoadingIndicatorModel {
 
     /**
      * Defines the loading indicator. The available loading indicator are:
-     * * Spinner
-     * * Shimmer
+     * ```props
+     * * Spinner :- Defines Loading Indicator as Spinner.
+     * * Shimmer :- Defines Loading Indicator as Shimmer.
+     * ```
      *
      * @default Syncfusion.EJ2.Grids.IndicatorType.Spinner
      * @isEnumeration true

package/src/treegrid/models/loading-indicator.d.ts

@@ -6,8 +6,10 @@ import { IndicatorType } from '@syncfusion/ej2-grids';
 export declare class LoadingIndicator extends ChildProperty<LoadingIndicator> {
     /**
      * Defines the loading indicator. The available loading indicator are:
-     * * Spinner
-     * * Shimmer
+     * ```props
+     * * Spinner :- Defines Loading Indicator as Spinner.
+     * * Shimmer :- Defines Loading Indicator as Shimmer.
+     * ```
      *
      * @default Syncfusion.EJ2.Grids.IndicatorType.Spinner
      * @isEnumeration true

package/src/treegrid/models/search-settings-model.d.ts

@@ -60,11 +60,17 @@ export interface SearchSettingsModel {
     key?: string;
 
     /**
-     * Defines the filter types. The available options are,
-     * * `Parent`: Initiates filter operation after Enter key is pressed.
-     * * `Child`: Initiates filter operation after a certain time interval. By default, time interval is 1500 ms.
+     *  Defines the search hierarchy modes. The available options are,
+     * ```props
+     * * Parent :- Shows the searched record with parent record.
+     * * Child :- Shows the searched record with child record.
+     * * Both :- shows the searched record with both parent and child record.
+     * * None :- Shows only the searched record.
+     * ```
      *
      * @default Parent
+     * @isEnumeration true
+     * @aspType FilterHierarchyMode
      */
     hierarchyMode?: FilterHierarchyMode;
 

package/src/treegrid/models/search-settings.d.ts

@@ -55,11 +55,17 @@ export declare class SearchSettings extends ChildProperty<SearchSettings> {
      */
     key: string;
     /**
-     * Defines the filter types. The available options are,
-     * * `Parent`: Initiates filter operation after Enter key is pressed.
-     * * `Child`: Initiates filter operation after a certain time interval. By default, time interval is 1500 ms.
+     *  Defines the search hierarchy modes. The available options are,
+     * ```props
+     * * Parent :- Shows the searched record with parent record.
+     * * Child :- Shows the searched record with child record.
+     * * Both :- shows the searched record with both parent and child record.
+     * * None :- Shows only the searched record.
+     * ```
      *
      * @default Parent
+     * @isEnumeration true
+     * @aspType FilterHierarchyMode
      */
     hierarchyMode: FilterHierarchyMode;
 }

package/src/treegrid/models/selection-settings-model.d.ts

@@ -7,6 +7,11 @@ export interface SelectionSettingsModel {
 
     /**
      * TreeGrid supports row, cell, and both (row and cell) selection mode.
+     * ```props
+     * * Row :- Selects the entire row.
+     * * Cell :- Selects the cell alone.
+     * * Both :- Selects the entire row and its cell.
+     * ```
      *
      * @default Syncfusion.EJ2.Grids.SelectionMode.Row
      * @isEnumeration true
@@ -17,9 +22,10 @@ export interface SelectionSettingsModel {
     /**
      * The cell selection modes are flow and box. It requires the selection
      * [`mode`](#mode) to be either cell or both.
-     * * `Flow`: Selects the range of cells between start index and end index that also includes the other cells of the selected rows.
-     * * `Box`: Selects the range of cells within the start and end column indexes that includes in between cells of rows within the range.
-     *
+     * ```props
+     * * Flow :- Selects the range of cells between start index and end index that also includes the other cells of the selected rows.
+     * * Box :- Selects the range of cells within the start and end column indexes that includes in between cells of rows within the range.
+     * ```
      * @default Syncfusion.EJ2.Grids.CellSelectionMode.Flow
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.CellSelectionMode
@@ -28,9 +34,10 @@ export interface SelectionSettingsModel {
 
     /**
      * Defines options for selection type. They are
-     * * `Single`: Allows selection of only a row or a cell.
-     * * `Multiple`: Allows selection of multiple rows or cells.
-     *
+     * ```props
+     * * Single :- Allows selection of only a row or a cell.
+     * * Multiple :- Allows selection of multiple rows or cells.
+     * ```
      * @default Syncfusion.EJ2.Grids.SelectionType.Single
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.SelectionType
@@ -47,8 +54,10 @@ export interface SelectionSettingsModel {
 
     /**
      * Defines options for checkbox selection Mode. They are
-     * * `Default`: This is the default value of the checkboxMode. In this mode, user can select multiple rows by clicking rows one by one.
-     * * `ResetOnRowClick`: In ResetOnRowClick mode, on clicking a row it will reset previously selected row and also multiple
+     * ```props
+     * * Default :- This is the default value of the checkboxMode. In this mode, user can select multiple rows by clicking rows one by one.
+     * * ResetOnRowClick :- In ResetOnRowClick mode, on clicking a row it will reset previously selected row and also multiple.
+     * ```
      *  rows can be selected by using CTRL or SHIFT key.
      *
      * @default Syncfusion.EJ2.Grids.CheckboxSelectionType.Default

package/src/treegrid/models/selection-settings.d.ts

@@ -6,6 +6,11 @@ import { SelectionMode, CellSelectionMode, SelectionType, CheckboxSelectionType
 export declare class SelectionSettings extends ChildProperty<SelectionSettings> {
     /**
      * TreeGrid supports row, cell, and both (row and cell) selection mode.
+     * ```props
+     * * Row :- Selects the entire row.
+     * * Cell :- Selects the cell alone.
+     * * Both :- Selects the entire row and its cell.
+     * ```
      *
      * @default Syncfusion.EJ2.Grids.SelectionMode.Row
      * @isEnumeration true
@@ -15,9 +20,10 @@ export declare class SelectionSettings extends ChildProperty<SelectionSettings>
     /**
      * The cell selection modes are flow and box. It requires the selection
      * [`mode`](#mode) to be either cell or both.
-     * * `Flow`: Selects the range of cells between start index and end index that also includes the other cells of the selected rows.
-     * * `Box`: Selects the range of cells within the start and end column indexes that includes in between cells of rows within the range.
-     *
+     * ```props
+     * * Flow :- Selects the range of cells between start index and end index that also includes the other cells of the selected rows.
+     * * Box :- Selects the range of cells within the start and end column indexes that includes in between cells of rows within the range.
+     * ```
      * @default Syncfusion.EJ2.Grids.CellSelectionMode.Flow
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.CellSelectionMode
@@ -25,9 +31,10 @@ export declare class SelectionSettings extends ChildProperty<SelectionSettings>
     cellSelectionMode: CellSelectionMode;
     /**
      * Defines options for selection type. They are
-     * * `Single`: Allows selection of only a row or a cell.
-     * * `Multiple`: Allows selection of multiple rows or cells.
-     *
+     * ```props
+     * * Single :- Allows selection of only a row or a cell.
+     * * Multiple :- Allows selection of multiple rows or cells.
+     * ```
      * @default Syncfusion.EJ2.Grids.SelectionType.Single
      * @isEnumeration true
      * @aspType Syncfusion.EJ2.Grids.SelectionType
@@ -42,8 +49,10 @@ export declare class SelectionSettings extends ChildProperty<SelectionSettings>
     persistSelection: boolean;
     /**
      * Defines options for checkbox selection Mode. They are
-     * * `Default`: This is the default value of the checkboxMode. In this mode, user can select multiple rows by clicking rows one by one.
-     * * `ResetOnRowClick`: In ResetOnRowClick mode, on clicking a row it will reset previously selected row and also multiple
+     * ```props
+     * * Default :- This is the default value of the checkboxMode. In this mode, user can select multiple rows by clicking rows one by one.
+     * * ResetOnRowClick :- In ResetOnRowClick mode, on clicking a row it will reset previously selected row and also multiple.
+     * ```
      *  rows can be selected by using CTRL or SHIFT key.
      *
      * @default Syncfusion.EJ2.Grids.CheckboxSelectionType.Default

package/src/treegrid/renderer/render.js

@@ -136,7 +136,7 @@ var Render = /** @class */ (function () {
                 addClass([expandIcon], (expand) ? 'e-treegridexpand' : 'e-treegridcollapse');
                 totalIconsWidth += 18;
                 container.appendChild(expandIcon);
-                emptyExpandIcon.style.width = '7px';
+                emptyExpandIcon.style.width = '4px';
                 totalIconsWidth += 7;
                 container.appendChild(emptyExpandIcon.cloneNode());
             }

package/styles/bootstrap-dark.css

@@ -161,9 +161,6 @@
   width: 20px;
 }
 .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
-  font-size: 12px;
-  line-height: 12px;
-  padding: 2px 0;
   height: 20px;
   width: 20px;
 }
@@ -226,11 +223,8 @@
   vertical-align: middle;
 }
 .e-treegrid .e-hierarchycheckbox .e-frame {
-  font-size: 10px;
-  height: 16px;
-  line-height: 11px;
-  padding: 2px 0;
-  width: 16px;
+  height: 20px;
+  width: 20px;
 }
 .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
 .e-treegrid .e-checkselection .e-movableheader .e-rowcell,

package/styles/highcontrast-light.css

@@ -134,9 +134,6 @@
   width: 20px;
 }
 .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
-  font-size: 12px;
-  line-height: 12px;
-  padding: 2px 0;
   height: 20px;
   width: 20px;
 }
@@ -199,11 +196,8 @@
   vertical-align: middle;
 }
 .e-treegrid .e-hierarchycheckbox .e-frame {
-  font-size: 10px;
-  height: 16px;
-  line-height: 11px;
-  padding: 2px 0;
-  width: 16px;
+  height: 20px;
+  width: 20px;
 }
 .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
 .e-treegrid .e-checkselection .e-movableheader .e-rowcell,