implementing data grid using jquery

Question

I need to read data from a csv file & display it as a data grid.The csv file contains name value pair i.e. column A will contain name & column B will contain its value.Also the user can add a blank row to the end of it & insert data manually by clicking on an add button.The user can select any row & delete the row completely by pressing on the delete button.

What would be a good approach towards implementing this, especially deleting selected rows?

Answer 1

The JQGrid plugin does pretty much everything you want. Several demos are here:

http://trirand.com/jqgrid/jqgrid.html

You can download it from here:

http://www.trirand.com/blog/?page_id=6

In addition, there is a jQuery CSV plugin here:

http://plugins.jquery.com/project/csv

Answer 2

My favorite at the moment is jQuery dataTables:

http://www.datatables.net/

if you want to parse CSV data I would look at FileHelpers:

http://www.filehelpers.com/

its free