how can we edit, update,add, delete the table rows dynamically in userinterface using prototypeJS with Ajax

Question

Hi, If i press the any column of the table the entire row will show as editable row format (Ex. if i use ||||..etc. when i click on any column all column should be editable row.) save and cancel options. while we click on save or cancel option work as properly. How can i add, delete, update, edit the rows dynamically using PrototypeJS with Ajax.. Can any body help me in this..?