@syncfusion/ej2-grids 18.3.44 → 18.3.50-85492

package/src/grid/models/aggregate-model.d.ts

@@ -1,4 +1,4 @@
-import { compile } from '@syncfusion/ej2-base';import { getEnumValue } from '@syncfusion/ej2-base';import { CustomSummaryType } from '../base/type';import { AggregateType, CellType } from '../base/enum';import { Property, Collection, ChildProperty, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';
+import { compile } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class AggregateColumn
@@ -6,89 +6,89 @@ import { compile } from '@syncfusion/ej2-base';import { getEnumValue } from '@sy
 export interface AggregateColumnModel {
 
     /**
-     * Defines the aggregate type of a particular column.
-     * To use multiple aggregates for single column, specify the `type` as array.
-     * Types of aggregate are,
-     * * sum
-     * * average
-     * * max
-     * * min
-     * * count
-     * * truecount
-     * * falsecount
-     * * custom
-     * > Specify the `type` value as `custom` to use custom aggregation.
-     * @aspType string
-     * @default null
-     */
-    type?: AggregateType | AggregateType[] | string;
+     * Defines the aggregate type of a particular column.
+     * To use multiple aggregates for single column, specify the `type` as array.
+     * Types of aggregate are,
+     * * sum
+     * * average
+     * * max
+     * * min
+     * * count
+     * * truecount
+     * * falsecount
+     * * custom
+     * > Specify the `type` value as `custom` to use custom aggregation.
+     * @aspType string
+     * @default null
+     */
+    type?: AggregateType | AggregateType[] | string;
 
     /**
-     * Defines the column name to perform aggregation.
-     * @default null
-     */
-    field?: string;
+     * Defines the column name to perform aggregation.
+     * @default null
+     */
+    field?: string;
 
     /**
-     * Defines the column name to display the aggregate value. If `columnName` is not defined,
-     * then `field` name value will be assigned to the `columnName` property.
-     * @default null
-     */
-    columnName?: string;
+     * Defines the column name to display the aggregate value. If `columnName` is not defined,
+     * then `field` name value will be assigned to the `columnName` property.
+     * @default null
+     */
+    columnName?: string;
 
     /**
-     * Format is applied to a calculated value before it is displayed.
-     * Gets the format from the user, which can be standard or custom
-     * [`number`](../../common/internationalization/#number-formatting/)
-     * and [`date`](../../common/internationalization/#number-formatting/) formats.
-     * @aspType string
-     * @blazorType string
-     * @default null    
-     */
-    format?: string | NumberFormatOptions | DateFormatOptions;
+     * Format is applied to a calculated value before it is displayed.
+     * Gets the format from the user, which can be standard or custom
+     * [`number`](../../common/internationalization/#number-formatting/)
+     * and [`date`](../../common/internationalization/#number-formatting/) formats.
+     * @aspType string
+     * @blazorType string
+     * @default null    
+     */
+    format?: string | NumberFormatOptions | DateFormatOptions;
 
     /**
-     * Defines the footer cell template as a string for the aggregate column.
-     * The `type` name should be used to access aggregate values inside the template.
-     * 
-     * {% codeBlock src="grid/footer-template-api/index.ts" %}{% endcodeBlock %}
-     * @default null
-     */
-    footerTemplate?: string;
+     * Defines the footer cell template as a string for the aggregate column.
+     * The `type` name should be used to access aggregate values inside the template.
+     * 
+     * {% codeBlock src="grid/footer-template-api/index.ts" %}{% endcodeBlock %}
+     * @default null
+     */
+    footerTemplate?: string;
 
     /**
-     * Defines the group footer cell template as a string for the aggregate column. 
-     * The `type` name should be used to access aggregate values inside the template.
-     * Additionally, the following fields can be accessed in the template.
-     * * **field**: The current grouped field.
-     * * **key**: The current grouped value.
-     * 
-     * {% codeBlock src="grid/group-footer-api/index.ts" %}{% endcodeBlock %}
-     * @default null
-     */
-    groupFooterTemplate?: string;
+     * Defines the group footer cell template as a string for the aggregate column. 
+     * The `type` name should be used to access aggregate values inside the template.
+     * Additionally, the following fields can be accessed in the template.
+     * * **field**: The current grouped field.
+     * * **key**: The current grouped value.
+     * 
+     * {% codeBlock src="grid/group-footer-api/index.ts" %}{% endcodeBlock %}
+     * @default null
+     */
+    groupFooterTemplate?: string;
 
     /**
-     * Defines the group caption cell template as a string for the aggregate column.
-     * The `type` name should be used to access aggregate values inside the template.
-     * Additionally, the following fields can be accessed in the template.
-     * * **field**: The current grouped field name.
-     * * **key**: The current grouped field value.
-     * 
-     * {% codeBlock src="grid/group-caption-api/index.ts" %}{% endcodeBlock %}
-     * @default null
-     */
-    groupCaptionTemplate?: string;
+     * Defines the group caption cell template as a string for the aggregate column.
+     * The `type` name should be used to access aggregate values inside the template.
+     * Additionally, the following fields can be accessed in the template.
+     * * **field**: The current grouped field name.
+     * * **key**: The current grouped field value.
+     * 
+     * {% codeBlock src="grid/group-caption-api/index.ts" %}{% endcodeBlock %}
+     * @default null
+     */
+    groupCaptionTemplate?: string;
 
     /**
-     * Defines a function to calculate custom aggregate value. The `type` value should be set to `custom`.
-     * To use custom aggregate value in the template, use the key as `${custom}`.
-     * **Total aggregation**: The custom function will be called with the whole data and the current `AggregateColumn` object.
-     * **Group aggregation**: This will be called with the current group details and the `AggregateColumn` object.
-     * 
-     * @default null
-     */
-    customAggregate?: CustomSummaryType | string;
+     * Defines a function to calculate custom aggregate value. The `type` value should be set to `custom`.
+     * To use custom aggregate value in the template, use the key as `${custom}`.
+     * **Total aggregation**: The custom function will be called with the whole data and the current `AggregateColumn` object.
+     * **Group aggregation**: This will be called with the current group details and the `AggregateColumn` object.
+     * 
+     * @default null
+     */
+    customAggregate?: CustomSummaryType | string;
 
 }
 
@@ -98,9 +98,9 @@ export interface AggregateColumnModel {
 export interface AggregateRowModel {
 
     /**
-     * Configures the aggregate columns. 
-     * @default []
-     */
-    columns?: AggregateColumnModel[];
+     * Configures the aggregate columns. 
+     * @default []
+     */
+    columns?: AggregateColumnModel[];
 
 }

package/src/grid/models/aggregate.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { compile } from '@syncfusion/ej2-base';
 import { getEnumValue } from '@syncfusion/ej2-base';
 import { CellType } from '../base/enum';

package/src/grid/models/column-chooser-settings-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, ChildProperty } from '@syncfusion/ej2-base';
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class ColumnChooserSettings
@@ -6,12 +6,12 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';
 export interface ColumnChooserSettingsModel {
 
     /**
-     * Defines the search operator for Column Chooser.
-     * 
-     * @default 'startsWith'
-     * @blazorType Syncfusion.Blazor.Operator
-     * @blazorDefaultValue Syncfusion.Blazor.Operator.StartsWith
-     */
-    operator?: string;
+     * Defines the search operator for Column Chooser.
+     * 
+     * @default 'startsWith'
+     * @blazorType Syncfusion.Blazor.Operator
+     * @blazorDefaultValue Syncfusion.Blazor.Operator.StartsWith
+     */
+    operator?: string;
 
 }

package/src/grid/models/column-chooser-settings.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Property, ChildProperty } from '@syncfusion/ej2-base';
 /**
  * Configures the column chooser behavior of the Grid.

package/src/grid/models/column-model.d.ts

@@ -1,4 +1,4 @@
-import { merge, isNullOrUndefined, extend, Property } from '@syncfusion/ej2-base';import { NumberFormatOptions, DateFormatOptions, isBlazor } from '@syncfusion/ej2-base';import { DataManager, Query, DataUtil } from '@syncfusion/ej2-data';import { ICellFormatter, IFilterUI, IEditCell, CommandModel, IFilter, CommandButtonOptions, DataResult } from '../base/interface';import { TextAlign, ClipMode, Action, SortDirection, EditType, ColumnType, CommandButtonType } from '../base/enum';import { PredicateModel } from '../base/grid-model';import { ValueFormatter } from '../services/value-formatter';import { ValueAccessor, SortComparer, HeaderValueAccessor } from '../base/type';import { getUid, templateCompiler, getForeignData, getObject } from '../base/util';
+import { merge, isNullOrUndefined, extend, Property } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class Column
@@ -13,19 +13,19 @@ export interface ColumnModel {
 export interface CommandColumnModelModel {
 
     /**
-     * Define the command Button tooltip.
-     */
-    title?: string;
+     * Define the command Button tooltip.
+     */
+    title?: string;
 
     /**
-     * Define the command Button type.
-     * @blazorDefaultValue none
-     */
-    type?: CommandButtonType;
+     * Define the command Button type.
+     * @blazorDefaultValue none
+     */
+    type?: CommandButtonType;
 
     /**
-     * Define the button model
-     */
-    buttonOption?: CommandButtonOptions;
+     * Define the button model
+     */
+    buttonOption?: CommandButtonOptions;
 
 }

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

@@ -80,8 +80,8 @@ export declare class Column {
     /**
      * It is used to change display value with the given format and does not affect the original data.
      * Gets the format from the user which can be standard or custom
-     * [`number`](../common/internationalization/#number-formatting/)
-     * and [`date`](../common/internationalization/#number-formatting/) formats.
+     * [`number`](../base/internationalization/#number-formatting/)
+     * and [`date`](../base/internationalization/#date-formatting/) formats.
      * @default null
      * @aspType string
      * @blazorType string
@@ -94,7 +94,7 @@ export declare class Column {
     visible: boolean;
     /**
      * Defines the column template that renders customized element in each cell of the column.
-     * It accepts either [template string](../../common/template-engine/) or HTML element ID.
+     * It accepts either [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID.
      * @default null
      */
     template: string;
@@ -195,7 +195,7 @@ export declare class Column {
      * Defines the method used to apply custom header cell values from external function and display this on each header cell rendered.
      *
      * @default null
-
+     * @deprecated
      */
     headerValueAccessor: HeaderValueAccessor | string;
     /**
@@ -660,7 +660,7 @@ export interface ColumnModel {
      * ```
      *
      * @default null
-
+     * @deprecated
      */
     headerValueAccessor?: HeaderValueAccessor | string;
     /**

package/src/grid/models/column.js

@@ -1,9 +1,9 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { merge, isNullOrUndefined, extend, Property } from '@syncfusion/ej2-base';
 import { isBlazor } from '@syncfusion/ej2-base';
 import { Query, DataUtil } from '@syncfusion/ej2-data';

package/src/grid/models/page-settings-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, ChildProperty } from '@syncfusion/ej2-base';
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class PageSettings
@@ -6,52 +6,52 @@ import { Property, ChildProperty } from '@syncfusion/ej2-base';
 export interface PageSettingsModel {
 
     /**
-     * Defines the number of records to be displayed per page.
-     * @default 12
-     * @blazorType int
-     */
-    pageSize?: number;
+     * Defines the number of records to be displayed per page.
+     * @default 12
+     * @blazorType int
+     */
+    pageSize?: number;
 
     /**
-     * Defines the number of pages to be displayed in the pager container.  
-     * @default 8 
-     * @blazorType int
-     */
-    pageCount?: number;
+     * Defines the number of pages to be displayed in the pager container.  
+     * @default 8 
+     * @blazorType int
+     */
+    pageCount?: number;
 
     /**
-     * Defines the current page number of the pager.
-     * @default 1
-     * @blazorType int
-     */
-    currentPage?: number;
+     * Defines the current page number of the pager.
+     * @default 1
+     * @blazorType int
+     */
+    currentPage?: number;
 
     /**
-     * @hidden
-     * Gets the total records count of the Grid. 
-     * @blazorType int
-     */
-    totalRecordsCount?: number;
+     * @hidden
+     * Gets the total records count of the Grid. 
+     * @blazorType int
+     */
+    totalRecordsCount?: number;
 
     /**
-     * If `enableQueryString` set to true,   
-     * then it pass current page information as a query string along with the URL while navigating to other page.  
-     * @default false  
-     */
-    enableQueryString?: boolean;
+     * If `enableQueryString` set to true,   
+     * then it pass current page information as a query string along with the URL while navigating to other page.  
+     * @default false  
+     */
+    enableQueryString?: boolean;
 
     /**
-     * If `pageSizes` set to true or Array of values,
-     * It renders DropDownList in the pager which allow us to select pageSize from DropDownList.      
-     * @default false    
-     */
-    pageSizes?: boolean | (number | string)[];
+     * If `pageSizes` set to true or Array of values,
+     * It renders DropDownList in the pager which allow us to select pageSize from DropDownList.      
+     * @default false    
+     */
+    pageSizes?: boolean | (number | string)[];
 
     /**
-     * Defines the template which renders customized elements in pager instead of default elements.     
-     * It accepts either [template string](../../common/template-engine/) or HTML element ID.   
-     * @default null    
-     */
-    template?: string;
+     * Defines the template which renders customized elements in pager instead of default elements.     
+     * It accepts either [template string](../../common/template-engine/) or HTML element ID.   
+     * @default null    
+     */
+    template?: string;
 
 }

package/src/grid/models/page-settings.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Property, ChildProperty } from '@syncfusion/ej2-base';
 /**
  * Configures the paging behavior of the Grid.

package/src/grid/renderer/caption-cell-renderer.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { isNullOrUndefined, isBlazor } from '@syncfusion/ej2-base';
 import { CellRenderer } from './cell-renderer';
 import { appendChildren, templateCompiler } from '../base/util';
@@ -56,6 +56,9 @@ var GroupCaptionCellRenderer = /** @class */ (function (_super) {
                     templateCompiler(gObj.groupSettings.captionTemplate)(data, this.parent, 'captionTemplate', tempID, null, null, node);
                     this.parent.renderTemplates();
                 }
+                else if (this.parent.isVue) {
+                    result = templateCompiler(gObj.groupSettings.captionTemplate)(data, this.parent);
+                }
                 else {
                     result = templateCompiler(gObj.groupSettings.captionTemplate)(data);
                 }

package/src/grid/renderer/command-column-renderer.js

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    }
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { addClass, removeClass, attributes, isNullOrUndefined } from '@syncfusion/ej2-base';
 import { Button } from '@syncfusion/ej2-buttons';
 import { CellRenderer } from './cell-renderer';

package/src/grid/renderer/content-renderer.js

@@ -1074,6 +1074,12 @@ var ContentRender = /** @class */ (function () {
                 var currentLen = dataSource.length;
                 if (prevLen === currentLen) {
                     for (var i = 0; i < currentLen; i++) {
+                        if (this.parent.editSettings.mode === 'Batch'
+                            && trs[i].classList.contains('e-insertedrow')) {
+                            trs.splice(i, 1);
+                            --i;
+                            continue;
+                        }
                         newKeys[dataSource[i][key]] = oldKeys[this.prevCurrentView[i][key]] = i;
                         newIndexes[i] = dataSource[i][key];
                         oldRowElements[oldRowObjs[i].uid] = trs[i];
@@ -1086,6 +1092,12 @@ var ContentRender = /** @class */ (function () {
                         newIndexes[i] = dataSource[i][key];
                     }
                     for (var i = 0; i < prevLen; i++) {
+                        if (this.parent.editSettings.mode === 'Batch'
+                            && trs[i].classList.contains('e-insertedrow')) {
+                            trs.splice(i, 1);
+                            --i;
+                            continue;
+                        }
                         oldRowElements[oldRowObjs[i].uid] = trs[i];
                         oldKeys[this.prevCurrentView[i][key]] = i;
                         oldIndexes[i] = this.prevCurrentView[i][key];
@@ -1100,7 +1112,7 @@ var ContentRender = /** @class */ (function () {
                         isEqual = this.objectEqualityChecker(this.prevCurrentView[i], dataSource[i]);
                     }
                     var tr = oldRowElements[oldRowObjs[oldIndex].uid];
-                    newRowObjs.push(gObj.getRowsObject()[oldIndex]);
+                    newRowObjs.push(oldRowObjs[oldIndex]);
                     if (this.rowElements[i] && this.rowElements[i].getAttribute('data-uid') === newRowObjs[i].uid
                         && ((hasBatch && isNullOrUndefined(batchChangeKeys[newIndexes[i]]))
                             || (!hasBatch && (isEqual || this.prevCurrentView[i] === dataSource[i])))) {
@@ -1178,6 +1190,9 @@ var ContentRender = /** @class */ (function () {
     ContentRender.prototype.refreshImmutableContent = function (index, tr, row) {
         row.isAltRow = this.parent.enableAltRow ? index % 2 !== 0 : false;
         row.isAltRow ? tr.classList.add('e-altrow') : tr.classList.remove('e-altrow');
+        row.index = index;
+        row.edit = undefined;
+        row.isDirty = false;
         tr.setAttribute('aria-rowindex', index.toString());
         this.updateCellIndex(tr, index);
     };