Question

I am dynamically generating a grid of input fields from an input in a drop down menu. However i am not able to add a user editable text label for each row to represent what the row means. I am also trying to label each column of the grid 1…5. A fiddle of what i currently have. http://jsfiddle.net/p_kish/qspzz/1/
Any way i try messes the grid up.

Answer 1

Just add an additional column and row with the labels. Once the label is clicked (looks like you’re using jQuery so just set a $("label").click(function(){...}) handler), simply replace that label with an input box that allows them to edit the label. On blur swap the input back to a label with the value from the input.