mvc design concept help - adding multiple rows to table then save all rows

Im new to mvc and having some issues deciding on how to proceed with designing a small web application.

I am creating a page where the user can add multiple rows of records to a grid/table before pressing a button to save them all off to a csv file.

So for example imagine below is a view page that contains a row of text box fields that come from a model.  

(row1)  [field1] [field2] [field3]
(row2) [field1]] [ field2] [field3]


[Click me to Add Another Row]
[Click me to Export all rows to CSV File]

Question:  Should I create some type of list, datable or collection to store these in from the model?  Or can I put a gridview somehow onto the page that allows them to add one row at a time until they press save?  Is it advisable to use a plugin for example jquery for datatables?  Im not sure if I want to go through all the download setup and config headaches of a plugin but will consider it if practical.

Whatever is easiest to create is what im looking for.  I know some jquery if necessary.  I wanted to use a gridview and just add rows to it in mvc can I do that?  Or do I need to use html tables somehow?

For example on each button click to a new foreach and create a new row of text fields without submitting the page to export rows to csv.