An HTML table itself is always read-only, but you can have input elements in it. You can disable or enable them.
The manipulations should be complex enough, so it would be good to use jQuery. Please see:
This is how you enable/disable:
myInput = $("#myInput");
To understand this code sample, you need to understand jQuery selectors and attributes:
If you want to enable/disable element of certain type, you can use type selectors, using ':'.
You will also need to be able to navigate in the table and collect several elements (to be enabled/disabled) at once, especially if you don't want to give them all distinct id. You can use type selectors or traversing
You cannot apply stylesheet, you can apply styles. To do this, you need to use class and
To get started, see:
start with this one: