@refinitiv-ui/efx-grid 6.0.1 → 6.0.4

package/lib/core/es6/data/ColumnStats.d.ts

@@ -14,7 +14,7 @@ declare class ColumnStats {
 
     public setColumnDataGetter(func: ((...params: any[]) => any)): void;
 
-    public getColumnDataGetter(): ((...params: any[]) => any);
+    public getColumnDataGetter(): ((...params: any[]) => any)|null;
 
     public getSum(): number;
 
@@ -32,7 +32,7 @@ declare class ColumnStats {
 
     public getMidRange(): number;
 
-    public getCachedColumnData(): (number)[];
+    public getCachedColumnData(): (number)[]|null;
 
     public markDirty(): boolean;
 

package/lib/core/es6/data/DataCache.d.ts

@@ -29,9 +29,9 @@ declare class DataCache extends EventDispatcher {
 
     public getData(rid: string, cid: string): any;
 
-    public getAllRics(): { [key: string]:  any };
+    public getAllRics(): { [key: string]:  any }|null;
 
-    public getAllRowIds(): (string)[];
+    public getAllRowIds(): (string)[]|null;
 
     public hasRowId(rid: string): boolean;
 
@@ -57,7 +57,7 @@ declare class DataCache extends EventDispatcher {
 
     public resetStaticFields(): void;
 
-    public getStaticFields(): { [key: string]:  number };
+    public getStaticFields(): { [key: string]:  number }|null;
 
     public dump(options?: any): (any)[];
 
@@ -65,7 +65,7 @@ declare class DataCache extends EventDispatcher {
 
     public setDataCloudSettings(userId: string, productId: string, url: string, opt_lang?: string): void;
 
-    public getDataCloudFields(): (string)[];
+    public getDataCloudFields(): (string)[]|null;
 
     public addDataCloudFields(fields: (string)[]|string): boolean;
 

package/lib/core/es6/data/DataTable.d.ts

@@ -51,9 +51,9 @@ declare class DataTable extends DataCache {
 
     public removeAllRows(suppressEvent?: boolean): void;
 
-    public moveRow(fromIndex: (number)[]|number, toIndex: number, suppressEvent?: boolean): (string)[]|string;
+    public moveRow(fromIndex: (number)[]|number, toIndex: number, suppressEvent?: boolean): (string)[]|string|null;
 
-    public moveRows(startIndex: number|string, toIndex: number|string, opt_count?: number, suppressEvent?: boolean): (string)[];
+    public moveRows(startIndex: number|string, toIndex: number|string, opt_count?: number, suppressEvent?: boolean): (string)[]|null;
 
     public swapRow(fromIndex: number, toIndex: number): void;
 
@@ -85,7 +85,7 @@ declare class DataTable extends DataCache {
 
     public getSegmentParentRowId(rid: string): string;
 
-    public getSegmentValues(rids?: (string)[]): (number)[];
+    public getSegmentValues(rids?: (string)[]): (number)[]|null;
 
     public fillSegment(segmentId: string): void;
 
@@ -101,9 +101,9 @@ declare class DataTable extends DataCache {
 
     public removeAllSegmentChildren(): boolean;
 
-    public getSegmentIds(): (string)[];
+    public getSegmentIds(): (string)[]|null;
 
-    public getSegmentChildIds(segmentId: string): (string)[];
+    public getSegmentChildIds(segmentId: string): (string)[]|null;
 
     public sortSegments(compare: ((...params: any[]) => any)): void;
 

package/lib/core/es6/data/DataTable.js

@@ -841,7 +841,7 @@ DataTable.prototype.setColumnSortingLogic = function(cid, func) {
 * @example
 * var prevState = dt.freeze();
 * for(var i = 0; i < 100; ++i) {
-*   dt.insertRow({}); // no event is fired
+*   dt.insertRow(); // no event is fired
 * }
 * dt.freeze(prevState); // Restore previous freeze states
 */
@@ -878,6 +878,7 @@ DataTable.prototype.isFrozen = function() {
 */
 DataTable.prototype.setSegmentSeparator = function(rid, enabled) {
 	var change = false;
+	var memberCount = 0;
 	if(typeof rid === "string") {
 		if(enabled !== false) {
 			if(!this._segments) {
@@ -887,16 +888,20 @@ DataTable.prototype.setSegmentSeparator = function(rid, enabled) {
 				change = true;
 			}
 		} else if(this._segments) {
-			if(this._segments.removeSegment(rid)) {
-				change = true;
-				if(!this._segments.getSegmentCount()) {
-					this._segments = null;
+			var segment = this._segments.getSegment(rid);
+			if(segment) {
+				memberCount = segment.getChildCount();
+				if(this._segments.removeSegment(rid)) {
+					change = true;
+					if(!this._segments.getSegmentCount()) {
+						this._segments = null;
+					}
 				}
 			}
 		}
 	}
 	if(change && this._needFiring()) {
-		if(this._autoFillSegments()) {
+		if(this._autoFillSegments() || memberCount) {
 			this.dispatchGlobalChange();
 		} else {
 			var rowData = this._rows[rid] || null;
@@ -1008,13 +1013,14 @@ DataTable.prototype._autoFillSegments = function() {
 	}
 	return false;
 };
-/** Remove existing segment children and fill the segments with all contnet rows before the next segment separator
+/** Remove existing segment children and fill the segments with all content rows before the next segment separator
 * @public
 * @param {string} segmentId Row id
 */
 DataTable.prototype.fillSegment = function(segmentId) {
 	if(this._segments) {
 		this._segments.fillSegment(segmentId, this._rids);
+		this.dispatchGlobalChange();
 	}
 };
 /** Remove all existing segment children in each segment and fill the segments with all contnet rows before the next segment separator
@@ -1023,7 +1029,11 @@ DataTable.prototype.fillSegment = function(segmentId) {
 */
 DataTable.prototype.fillSegments = function() {
 	if(this._segments) {
-		return this._segments.fillSegments(this._rids);
+		var dirty = this._segments.fillSegments(this._rids);
+		if(dirty) {
+			this.dispatchGlobalChange();
+		}
+		return dirty;
 	}
 	return false;
 };
@@ -1068,7 +1078,11 @@ DataTable.prototype.addSegmentChildren = function(segmentId, rids) {
 */
 DataTable.prototype.removeSegmentChild = function(segmentId, rid) {
 	if(this._segments) {
-		return this._segments.removeSegmentChild(segmentId, rid);
+		var dirty = this._segments.removeSegmentChild(segmentId, rid);
+		if(dirty) {
+			this.dispatchGlobalChange();
+		}
+		return dirty;
 	}
 	return false;
 };
@@ -1079,7 +1093,11 @@ DataTable.prototype.removeSegmentChild = function(segmentId, rid) {
 */
 DataTable.prototype.removeSegmentChildren = function(segmentId, rids) {
 	if(this._segments) {
-		return this._segments.removeSegmentChildren(segmentId, rids);
+		var dirty = this._segments.removeSegmentChildren(segmentId, rids);
+		if(dirty) {
+			this.dispatchGlobalChange();
+		}
+		return dirty;
 	}
 	return false;
 };
@@ -1088,7 +1106,11 @@ DataTable.prototype.removeSegmentChildren = function(segmentId, rids) {
 */
 DataTable.prototype.removeAllSegmentChildren = function() {
 	if(this._segments) {
-		return this._segments.removeAllSegmentChildren();
+		var dirty = this._segments.removeAllSegmentChildren();
+		if (dirty) {
+			this.dispatchGlobalChange();
+		}
+		return dirty;
 	}
 	return false;
 };

package/lib/core/es6/data/DataView.d.ts

@@ -1,6 +1,7 @@
 import Ext from "../../../tr-grid-util/es6/Ext.js";
 import DataCache from "./DataCache.js";
 import DataTable from "./DataTable.js";
+import WrappedView from "./WrappedView.js"; // eslint-disable-line
 import ColumnStats from "./ColumnStats.js";
 import EventDispatcher from "../grid/event/EventDispatcher.js";
 import Util from "../grid/util/util.js";
@@ -22,7 +23,9 @@ declare class DataView extends EventDispatcher {
 
     public getAllRowIds(shallowCopy?: boolean, inclNonDataRow?: boolean): (string)[];
 
-    public getSortedRowIds(opt_shallowCopy?: boolean): (string)[];
+    public getVisibleRowIds(shallowCopy?: boolean): (string)[];
+
+    public getSortedRowIds(shallowCopy?: boolean): (string)[];
 
     public getRowIndex(rid: string): number;
 
@@ -52,17 +55,17 @@ declare class DataView extends EventDispatcher {
 
     public removeRow(rowRef: number|string): void;
 
-    public removeRows(refs: (number|string)[]): void;
+    public removeRows(rowRefs: (number|string)[]): void;
 
-    public moveRow(fromIndex: (number)[]|number, toIndex: number): (string)[]|string;
+    public moveRow(fromRef: (number|string)[]|number|string, toRef: number|string): (string)[]|string|null;
 
     public swapRow(fromIndex: number, toIndex: number): void;
 
-    public getDataTable(): DataTable;
+    public getDataTable(): DataTable|null;
 
-    public getDataSource(): DataTable|DataView;
+    public getDataSource(): DataTable|DataView|null;
 
-    public setDataSource(source?: DataTable|DataView): void;
+    public setDataSource(source?: (DataTable|DataView)): void;
 
     public setConflationRate(milliSecond: number): void;
 
@@ -144,13 +147,13 @@ declare class DataView extends EventDispatcher {
 
     public removeFooter(): void;
 
-    public getGroupByRowId(rowId: string): DataView;
+    public getGroupByRowId(rowId: string): DataView|null;
 
-    public getGroup(groupRef: number|string): DataView;
+    public getGroup(groupRef: number|string): DataView|null;
 
     public getAllGroups(out_ary?: any[]): (DataView)[];
 
-    public getGroupList(): (string)[];
+    public getGroupList(): (string)[]|null;
 
     public getGroupId(): string;
 
@@ -164,14 +167,16 @@ declare class DataView extends EventDispatcher {
 
     public getGroupLevel(rowRef?: (number|string)): number;
 
-    public enableColumnStats(cid: string, opt_enabled?: boolean, opt_refId?: string): ColumnStats;
+    public enableColumnStats(cid: string, opt_enabled?: boolean, opt_refId?: string): ColumnStats|null;
 
-    public getColumnStats(cid: string): ColumnStats;
+    public getColumnStats(cid: string): ColumnStats|null;
 
     public hide(opt_hidden?: boolean): boolean;
 
     public isHidden(): boolean;
 
+    public isHiddenRow(rowId: string): boolean;
+
     public collapse(opt_collapsed?: boolean): void;
 
     public collapseAllGroups(opt_collapsed?: boolean): void;
@@ -182,8 +187,6 @@ declare class DataView extends EventDispatcher {
 
     public enableContentAsHeader(bool?: boolean): void;
 
-    public getVisibleRowIds(opt_shallowCopy?: boolean): (string)[];
-
     public getVisibleRowCount(): number;
 
     public isRowDataInGroup(rowData: any, groupID?: string): boolean;
@@ -198,7 +201,7 @@ declare class DataView extends EventDispatcher {
 
     public removeAllRowExpansions(): void;
 
-    public getExpansionParents(from?: number, to?: number): (string)[];
+    public getExpansionParents(from?: number, to?: number): (string)[]|null;
 
     public isRowExpansion(rid: string): boolean;
 
@@ -254,12 +257,18 @@ declare class DataView extends EventDispatcher {
 
     public removeAllSegmentChildren(): boolean;
 
-    public getSegmentIds(): (string)[];
+    public getSegmentIds(): (string)[]|null;
 
-    public getSegmentChildIds(segmentRef: string|number): (string)[];
+    public getSegmentChildIds(segmentRef: string|number): (string)[]|null;
 
     public sortSegments(compare: ((...params: any[]) => any)): void;
 
+    public getWrapSize(): number;
+
+    public getWrappedViews(): (WrappedView)[]|null;
+
+    public wrapView(wrapSize?: number): void;
+
     public dump(opt_options?: any): (any)[];
 
     public log(opt_options?: any): void;
@@ -268,7 +277,7 @@ declare class DataView extends EventDispatcher {
 
 }
 
-declare function len(fromIndex: number, toIndex: number): void;
+declare function fromRids(fromIndex: number, toIndex: number): void;
 
 declare function criteria(value: any|any[]): void;
 

package/lib/core/es6/data/DataView.js

@@ -1,6 +1,7 @@
 import Ext from "../../../tr-grid-util/es6/Ext.js";
 import DataCache from "./DataCache.js";
 import DataTable from "./DataTable.js";
+import WrappedView from "./WrappedView.js"; // eslint-disable-line
 import ColumnStats from "./ColumnStats.js";
 import EventDispatcher from "../grid/event/EventDispatcher.js";
 import Util from "../grid/util/util.js";
@@ -40,6 +41,14 @@ import { Conflator } from "../../../tr-grid-util/es6/Conflator.js";
 * @description Fired once before actual row filtering (before multiple execution of filter logic). This allow optimization by preparing data needed for the filtering
 * @type {Object}
 */
+/** @event DataView#wrapCountChanged
+* @property {number} prevCount
+* @property {number} newCount
+*/
+/** @event DataView#wrapSizeChanged
+* @property {number} wrapSize
+* @property {Array.<string>} rids
+*/
 
 /** DataView doesn't hold the actual data. It is just a transform view (by applying filtering or sorting) of the data from the {@link DataTable}
 * @constructor
@@ -56,6 +65,7 @@ var DataView = function(source) {
 	t._onGroupAdded = t._onGroupAdded.bind(t);
 	t._onBeforeGroupAdded = t._onBeforeGroupAdded.bind(t);
 	t._onRefreshTimeout = t._onRefreshTimeout.bind(t);
+	t._updateWrapCount = t._updateWrapCount.bind(t);
 
 	t._rids = [];
 	t._sortingDefs = [];
@@ -72,7 +82,9 @@ var DataView = function(source) {
 		"groupAdded",
 		"beforeGroupAdded",
 		"groupCriteriaChanged",
-		"beforeFiltering"
+		"beforeFiltering",
+		"wrapCountChanged",
+		"wrapSizeChanged"
 	);
 
 	t.setDataSource(source);
@@ -251,9 +263,21 @@ DataView.prototype._showOnlyFirstMember = false;
 */
 DataView.prototype._beingAdded = false;
 /** @private
-* @type {Conflator | null}
+* @type {Conflator}
 */
 DataView.prototype._conflator = null;
+/** @private
+* @type {Array.<WrappedView>}
+*/
+DataView.prototype._wrappedViews = null;
+/** @private
+* @type {number}
+*/
+DataView.prototype._wrapSize = 0;
+/** @private
+* @type {number}
+*/
+DataView.prototype._wrapTimerId = 0;
 
 /** @public
 * @fires DataView#preDisposed
@@ -262,6 +286,8 @@ DataView.prototype.dispose = function() {
 	this._dispatch("preDisposed", {});
 
 	this.unlistenAll();
+	this.wrapView(0);
+
 	this.setDataSource(null); // Remove this._dt and this._parent. WARNING: an event is fired
 	this.groupBy(null); // Remove this._groupCriteria, this._groupRows and all of its children. WARNING: an event is fired
 
@@ -271,6 +297,10 @@ DataView.prototype.dispose = function() {
 
 	this._userFilter = this._groupSortingLogic = null;
 
+	if(this._wrapTimerId) {
+		clearTimeout(this._wrapTimerId);
+		this._wrapTimerId = 0;
+	}
 	if(this._refreshTimerId) {
 		clearTimeout(this._refreshTimerId);
 		this._refreshTimerId = 0;
@@ -344,7 +374,7 @@ DataView.prototype._toRowId = function(rowRef) {
 };
 /** @private
 * @param {Array.<number|string>} rowRefs
-* @return {Array.<string>}
+* @return {!Array.<string>}
 */
 DataView.prototype._toRowIds = function(rowRefs) {
 	var rowCount = Array.isArray(rowRefs) ? rowRefs.length : 0;
@@ -361,14 +391,15 @@ DataView.prototype._toRowIds = function(rowRefs) {
 	}
 	return ary;
 };
-/** Return all row ids with row data, excluding the group header rows (auto generated rows).<br>
-* Do use getAllRowData to retrieve all data
+/** Return all row ids with row data, excluding the group header rows (auto generated rows).
 * @public
-* @param {boolean=} shallowCopy Default value is false. Set to true for speed
-* @param {boolean=} inclNonDataRow=false If enabled, group header rows are included
+* @param {boolean=} shallowCopy=false If enabled, no new copy of Array is created (better for performance).
+* @param {boolean=} inclNonDataRow=false If enabled, group header rows are included. In pagination mode, this flag will always be true.
 * @return {!Array.<string>}
 * @see {@link DataView#getAllRowData}
 * @see {@link DataView#getMultipleRowData}
+* @see {@link DataView#getSortedRowIds}
+* @see {@link DataView#getVisibleRowIds}
 */
 DataView.prototype.getAllRowIds = function(shallowCopy, inclNonDataRow) {
 	this._rebuildRowIdsFromChildren();
@@ -378,17 +409,26 @@ DataView.prototype.getAllRowIds = function(shallowCopy, inclNonDataRow) {
 
 	return (shallowCopy) ? rids : rids.slice(0); // Fastest way to clone an array is Array.slice()
 };
+/** This method returns current visible rows (i.e. Rows in other pages or in collapsed groups are excluded). Group header rows may be included in the results.
+* @public
+* @param {boolean=} shallowCopy=false If enabled, no new copy of Array is created (better for performance).
+* @return {!Array.<string>}
+* @see {@link DataView#getAllRowData}
+*/
+DataView.prototype.getVisibleRowIds = function(shallowCopy) {
+	this._rebuildRowIdsFromChildren();
+	var rids = this._getRids();
+	return shallowCopy ? rids : rids.slice(0); // Fastest way to clone an array
+};
 /** Return all data rows that is filtered and sorted, excluding header rows or paging. This method ignores pagination.
 * @public
-* @param {boolean=} opt_shallowCopy Default value is false. Set to true for speed
+* @param {boolean=} shallowCopy=false If enabled, no new copy of Array is created (better for performance).
 * @return {!Array.<string>}
+* @see {@link DataView#getAllRowData}
 */
-DataView.prototype.getSortedRowIds = function(opt_shallowCopy) {
+DataView.prototype.getSortedRowIds = function(shallowCopy) {
 	this._rebuildRowIdsFromChildren();
-	if(opt_shallowCopy) {
-		return this._rids;
-	}
-	return this._rids.slice(0); // Fastest way to clone an array
+	return shallowCopy ? this._rids : this._rids.slice(0); // Fastest way to clone an array
 };
 /** This method is quite slow
 * @public
@@ -532,7 +572,7 @@ DataView.prototype.insertRow = function(rowRef, opt_values, opt_rid) { // Data c
 	return "";
 };
 
-/** Permanently remove the specified row by row id or DataView's row index. If you want to temporarily remove the row, use {@link DataView.hideRows} instead
+/** Permanently remove the specified row by row id or DataView's row index. If you want to temporarily remove the row, use {@link DataView#hideRows} instead
 * @public
 * @param {number|string} rowRef
 * @fires DataView#dataChanged
@@ -542,42 +582,30 @@ DataView.prototype.removeRow = function(rowRef) {
 		this._dt.removeRow(this._toRowId(rowRef)); // Trigger dataChanged
 	}
 };
-/** Permanently remove the specified rows by row id or DataView's row index. If you want to temporarily remove the rows, use {@link DataView.hideRows} instead
+/** Permanently remove the specified rows by row id or DataView's row index. If you want to temporarily remove the rows, use {@link DataView#hideRows} instead
 * @public
-* @param {Array.<number|string>} refs
+* @param {Array.<number|string>} rowRefs
 */
-DataView.prototype.removeRows = function(refs) {
-	if(!this._dt) { return; }
-	for(var i = refs.length; --i >= 0;) {
-		var rowRef = refs[i];
-		if(typeof rowRef === "number") {
-			refs[i] = this.getRowId(rowRef);
-		}
+DataView.prototype.removeRows = function(rowRefs) {
+	if(this._dt) {
+		this._dt.removeRows(this._toRowIds(rowRefs)); // Trigger dataChanged
 	}
-	this._dt.removeRows(refs); // Trigger dataChanged
 };
-/** Move a single row or multiple rows to the position BEFORE the specified index (toIndex).
+/** Move a single row or multiple rows to the position BEFORE the specified target row.
 * @public
-* @param {Array.<number>|number} fromIndex fromIndex could be a rowIndex or array of rowIndex.
-* @param {number} toIndex
+* @param {Array.<number|string>|number|string} fromRef The value could be row index, row id, or array of row indices or row ids.
+* @param {number|string} toRef Destination target could be row index or row id
 * @return {Array.<string>|string} rid rowId or array of the rowId of the moved row(s)
 * @example
 * ary = [0, 1, 2];
 * move(ary, 0, 1); // [0, 1, 2] Move index 0 to the position before index 1 (nothing is changed)
 * move(ary, 1, 0); // [1, 0, 2] Move index 1 to the position before index 0
 */
-DataView.prototype.moveRow = function(fromIndex, toIndex) {
-	this._rebuildRowIdsFromChildren();
-	var rids = this._getRids();
+DataView.prototype.moveRow = function(fromRef, toRef) {
+	var toRid = this._toRowId(toRef);
 
-	var toRid = (toIndex >= 0 && toIndex < rids.length) ? rids[toIndex] : "";
-
-	var fromIndices = /** @type{Array.<number>} */(Array.isArray(fromIndex) ? fromIndex : [fromIndex]);
-	var len = fromIndices.length;
-	var fromRids = new Array(len);
-	for(var i = 0; i < len; ++i) {
-		fromRids[i] = rids[fromIndices[i]];
-	}
+	var fromIndices = /** @type{!Array.<number|string>} */(Array.isArray(fromRef) ? fromRef : [fromRef]);
+	var fromRids = this._toRowIds(fromIndices);
 
 	if(this._dt.hasSegmentation()) {
 		this.synchronizeRowOrder();
@@ -611,7 +639,7 @@ DataView.prototype.getDataSource = function() {
 	return this._parent;
 };
 /** @public
-* @param {DataTable|DataView=} source
+* @param {(DataTable|DataView)=} source
 * @fires DataView#dataChanged
 */
 DataView.prototype.setDataSource = function(source) {
@@ -1095,7 +1123,7 @@ DataView.prototype.setPageSize = function (pageSize) {
 	this._dispatchGlobalChange();
 };
 
-/** string|function(Object.<string, *>):string|null
+/** Group all rows by the specified criteria. The criteria can be field name (field value will be used as a group id) or a function that takes row data and returns group id.
 * @public
 * @param {string|Function|Array.<string|Function>} cid Column id or grouper method that take one parameter for row data in JSON format, and returns groupId (string)
 * @param {Array=} opt_predefinedGroups
@@ -1606,6 +1634,17 @@ DataView.prototype.hide = function(opt_hidden) {
 DataView.prototype.isHidden = function() {
 	return this._hidden;
 };
+/** @public
+* @param {string} rowId
+* @return {boolean} Returns true when this row is hidden
+*/
+DataView.prototype.isHiddenRow = function(rowId) {
+	if(this._hiddenRids) {
+		return this._hiddenRids[rowId] === true;
+	}
+	return false;
+};
+
 /** @private
 * @return {boolean}
 */
@@ -1714,14 +1753,7 @@ DataView.prototype._getFirstHiddenRids = function() {
 	}
 	return null;
 };
-/** This method returns current visible rows (i.e. it excludes rows that are not in current page, and are in collapsed groups). Group header rows are also includes in the results.
-* @public
-* @param {boolean=} opt_shallowCopy Default value is false. Set to true for speed
-* @return {!Array.<string>}
-*/
-DataView.prototype.getVisibleRowIds = function(opt_shallowCopy) {
-	return this.getAllRowIds(opt_shallowCopy, true);
-};
+
 /** This will not include collapsed group and rows
 * @public
 * @return {number}
@@ -2454,6 +2486,95 @@ DataView.prototype.sortSegments = function (compare) {
 	this._dt.sortSegments(compare);
 };
 
+/** @public
+* @ignore
+* @return {Object}
+*/
+DataView.prototype._getSharedObject = function () {
+	return this._shared;
+};
+/** Return 0, if there is no wrapping
+* @public
+* @return {number}
+*/
+DataView.prototype.getWrapSize = function () {
+	return this._wrapSize;
+};
+/** Return null, if there is no wrapping
+* @public
+* @return {Array.<WrappedView>}
+*/
+DataView.prototype.getWrappedViews = function () {
+	return this._wrappedViews;
+};
+/**
+* @public
+* @param {number=} wrapSize
+* @fires DataView#wrapCountChanged
+*/
+DataView.prototype.wrapView = function (wrapSize) {
+	if(wrapSize != null) {
+		if(!wrapSize || wrapSize < 0) {
+			wrapSize = 0;
+		}
+		if(this._wrapSize !== wrapSize) {
+			this._wrapSize = wrapSize;
+			this._dispatch("wrapSizeChanged", {
+				"wrapSize": wrapSize,
+				"rids": this.getVisibleRowIds(true)
+			});
+		}
+	}
+	this._updateWrapCount();
+};
+
+/** @private
+* @fires DataView#wrapCountChanged
+*/
+DataView.prototype._updateWrapCount = function () {
+	this._wrapTimerId = 0;
+	var wrapSize = this._wrapSize;
+
+	var i;
+	var views = this._wrappedViews;
+	var viewCount = views ? views.length : 0;
+	var targetCount = 0;
+	if(wrapSize) {
+		var rids = this.getVisibleRowIds(true);
+		var rowCount = rids.length;
+		targetCount = Math.ceil(rowCount / wrapSize);
+		if(viewCount < targetCount) {
+			if(!views) {
+				views = this._wrappedViews = [];
+			}
+			for(i = viewCount; i < targetCount; ++i) {
+				this._wrappedViews[i] = new WrappedView({
+					"dataView": this,
+					"wrapIndex": i,
+					"rids": rids
+				});
+			}
+		}
+	}
+
+	if(targetCount < viewCount) {
+		for(i = viewCount; --i >= targetCount;) {
+			this._wrappedViews[i].dispose();
+		}
+		this._wrappedViews.length = targetCount;
+	}
+	if(!wrapSize) {
+		this._wrappedViews = null;
+	}
+
+	if(viewCount !== targetCount) {
+		this._dispatch("wrapCountChanged", {
+			"prevCount": viewCount,
+			"newCount": targetCount
+		});
+	}
+};
+
 /** Construct a JSON object that is compatible with console.table()
 * @public
 * @param {Object=} opt_options {@link DataCache#dump}
@@ -3291,6 +3412,9 @@ DataView.prototype._dispatchGlobalChange = function() {
 */
 DataView.prototype._dispatchDataChange = function(evtArgument) {
 	this._dispatch("dataChanged", evtArgument);
+	if(this._wrapSize && !this._wrapTimerId) {
+		this._wrapTimerId = setTimeout(this._updateWrapCount);
+	}
 };
 
 /** @private
@@ -3648,7 +3772,6 @@ DataView._defaultGroupSortingLogic = function(strA, strB) {
 	return (strA < strB) ? -1 : 1;
 };
 
-DataView._proto = DataView.prototype;
 
 export default DataView;
 export { DataView };