Ajaxify field collections with multiple value set

I want have an ajaxified table with field names as column headers.with ablanj row of fields
eg:I have a node :Product id, Product name , product type, SKU along with some other fields
I have a "Order" field collection which is multiple value field
the field collection has an entity reference field referencing to product
Now when i am creating the order
I want to have a table with field names as column headers the fields Product ID , product name,enabled all other fields disabled
one empty row, and as user types in any of the above mentioned field the other field values are auto populated from the referenced node, and also a new empty row is created without clicking on add another or without some kind of redirection
if the row is deleted the the extra row should disappear
i.e without submitting the host entity nothing should be saved.
on submitting the host entity to save then only all selected products should save
actually it is form theming
Can some one help please