We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Support for editing cells using MaskedTextBox component?

Does the grid support (when inline editing or batch editing) the ability to have a mask or control like the MaskedTextBox component?  We would like to have some columns represent phone numbers, zip codes, email addresses, money, etc, that would need such a feature when editing.


- Jeff V.

1 Reply

RR Rajapandi Ravi Syncfusion Team January 19, 2023 11:57 AM UTC

Hi Jeff,

Greetings from Syncfusion support

From your update, we could see that you need the Mask edit on Grid Column. You can achieve your requirement by using cellEditTemplate feature of Grid. The cell edit template is used to add a custom component for a particular column by invoking the following functions create, read, write and destroy. Please refer the below documentation for more information.

Documentation: https://ej2.syncfusion.com/react/documentation/grid/editing/edit-types/#custom-editors-using-template

By using this feature you can render the Masked textbox component, please refer the below masked textbox documentation for more information.

Documentation: https://ej2.syncfusion.com/documentation/maskedtextbox/getting-started/


Rajapandi R

Live Chat Icon For mobile
Up arrow icon