One more thing Yuki. Is there a way to restore the grid with original values. Eg: when i edit the cell and than cancel the edit the new value is replaced with original value. Please let me know.

Hello Shobhana,

You can limit the number of digits to 9 on the grid. The below example uses cell editor template, and handles two events to achieve your goal.

1. Add a cell editor template, handle keydown and input event.

2. On keydown event, allow end users to type while the typed value does not exceed 9 digits.

3. On input event, if the pasted value exceeds 9 digits, truncate the exceeding part.

<igx-grid #grid1 [data]="data" [autoGenerate]="false" width="100%" height="600px">
	...
	<igx-column field="UnitsInStock" header="Units In Stock" dataType="number" [editable]="true">
		<ng-template igxCellEditor let-cell="cell">
			<igx-input-group>
				<input
					igxInput
					[(ngModel)]="cell.editValue" [value]="cell.value" [igxFocus]="true" type="number"
					(keydown)="onKeydown($event, cell.editValue)"
					(input)="onInput(cell)">
			</igx-input-group>
		</ng-template>
	</igx-column>
	...
</igx-grid>

// Allow end users to type up to 9 digits
onKeydown(evt: KeyboardEvent, editValue: number) {
  if (isNaN(+evt.key)) {
    return;
  }
  const digit = editValue.toString().length;
  if (digit < 9) {
    return;
  }
  return false;
}

// Truncate cell value if pasting exceeds 9 digits
onInput(cell: IgxGridCellComponent) {
  cell.editValue = cell.editValue.toString().slice(0, 9);
}

You can see how it works on "Units in Stock" column of the sample.
https://stackblitz.com/edit/angular-gsnjjk

If you have any question with this, please let me know.

Thank you,
Yuki