I am trying to create client side editable table. Here is my code. It works in Chrome, Firefox but not in IE. Is there anything more to do with script for IE?
IE is not response contenteditable
inside td
tag.
You can try:
<td id="my-content" class="editable">
<div contentEditable="true" style="width: 100%; height: 100%;">
...
</div>
</td>
There are many elements in IE, which can't have contenteditable set directly. However, you can wrap the whole table
into a content editable div
.
<div contenteditable="true">
<table>
...
</table>
</div>
This will make all the cells in the table editable. Though in some browsers (FF) the view will be a bit messy due to the shown editing handles of the table.
Another possibility is to add for example a content editable span
or div
to each td
.
Below code will work in IE as well chrome without meshup the GUI.
<td contentEditable="true">
<div contentEditable="true">
...
</div>
</td>