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:
http://en.wikipedia.org/wiki/JQuery[
^],
http://jquery.com/[
^].
This is how you enable/disable:
myInput = $("#myInput");
myInput.attr("disabled", "disabled");
myInput.removeAttr("disabled");
To understand this code sample, you need to understand jQuery selectors and attributes:
http://docs.jquery.com/Selectors[
^],
http://docs.jquery.com/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:
http://api.jquery.com/category/traversing/[
^].
You cannot apply stylesheet, you can apply styles. To do this, you need to use class and
.css methods:
http://api.jquery.com/category/css/[
^].
To get started, see:
http://docs.jquery.com/Tutorials[
^];
start with this one:
http://docs.jquery.com/Tutorials:How_jQuery_Works[
^].
Good luck,
—SA
Submit an article or tip