jquery add/remove editable columns and check total

jquery add/remove editable columns and check total

0 down vote favorite

Hi,

I need to build a table in this way:

-list of services (from a grails query) and its price. At the end a field with the total

-editable column to add/remove where to insert amount. So it'll be person 1, person 2..

-the number of row depends of the query result

-on submit control to check if the total of the column it's equal to total price.

Basically, somenthing like:

service ----- price ------ person1 ---- person2---- person3 .. Add/remove person

x-------------- 100 -------------- 50 ----------- 20 -----------30

y ------------- 200-------------- 100---------- 100

z --------------- 50 --------------------------------------------- 50

total ---------- 350

I'm new on jquery (and grails as well) so I don't have too much idea how to do it. Any suggestion/help it would be really helpfull

Thanks