contenteditable not working in IE 10

Question

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?

Answer 1

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>

Answer 2

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.

Answer 3

Below code will work in IE as well chrome without meshup the GUI.

   <td contentEditable="true">
    <div contentEditable="true">
        ...
    </div>
   </td>