Replace datatable viewstate manipulation with update panel by JQuery?

I have a situation where

• User can enter multiple prices for an item
• All data is kept in datatable or datasets inside viewstate until the form is saved
• All开发者_如何学编程 add/update/deletes are performed in viewstate again
• Griviews are placed inside update panels to show these operations

Problem I am having right now is that my webforms have gone really slow due to many update panels on the page, page size is touching about 800 KB due to all viewstate information.

1. Is there a way I can replace the updatepanel and gridviews altogether with a different approach ?
2. How can I replace current situation with JQuery ?
3. What would be the implementation steps (not code just steps) to setup my current task with JQuery ?

You really shouldn't use ViewState for that. Consider storing your DataTables and DataSets in session state instead.