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.
Unfortunately, activation email could not send to your email. Please try again.

How to add/update Grid data through copy and paste from Excel?

This documentation explained how to add or update the Grid data through copy and paste from Excel sheet.

Solutions:

If you want to add or update the grid data from Excel sheet, first you need to convert the data into JSON object. In here we have converted this pasted data by using oninput event of jquery. Then we have merged this JSON object with Grid dataSource. After that we have assigned that merged dataSource to the Grid by using dataSource method of the Grid.

HTML

 

JS

1. Render the Grid control.

 

Razor

 

Controller

 

Aspx


Controller

 

Core

 

Controller

 

 Jquery event

 

Angular


Typescript

 

Note:

IE browser doesn’t support jquery oninput event. So we have created the jquery.pastable.js script to achieve this requirement in IE browser. You need to refer this script file in your application to achieve this requirement in IE. Refer the following code snippet to how to use this script file in your project.

JS

 

Jquery.pastable.js

 

 

The following output is displayed the above behavior

 

Fig 1: Initial Grid Render

 

Fig 2: copy from Excel sheet

Fig 3: To add new data in grid via pasting from Excel

 

Article ID: Published Date: Last Revised Date: Platform: Control:
9267 09/11/2018 09/11/2018 JavaScript ejGrid
Did you find this information helpful?
Add Comment
You must log in to leave a comment

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.