This tutorial i will tell you, how to work with inline editable attribute in HTML5.It’s magic of HTML5,with help of editable attribute you can edit any column field of table like inline editing with help of jQuery.
When you add below attribute on any column in table.
1
contenteditable="true"
After that you are able to edit column.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
<table width="100%" class="table table-bordered table-hover" id="_addFiveTable">
<thead>
<tr>
<th>Item</th>
<th>Item details</th>
<th>phase</th>
</tr>
</thead>
<tbody>
<tr>
<td contenteditable="true">Editable</td>
<td contenteditable="true"> </td>
<td contenteditable="true"> </td>
</tr>
</tbody>
</table>
Result :
editable
