基于MindMup的一个可编辑表格演示，可以实时计算表格列值-freejs.net代码演示

首页>>Jquery文字>>基于MindMup的一个可编辑表格演示，可以实时计算表格列值(2016-08-16)

基于MindMup的一个可编辑表格演示，可以实时计算表格列值

本例没有后台更新部分，如果需要可以参考本站其他案例，搜索"可编辑"

JavaScript Code

<script>
$('#mainTable').editableTableWidget().numericInputExample().find('td:first').focus();
$('#textAreaEditor').editableTableWidget({editor: $('<textarea>')});
window.prettyPrint && prettyPrint();
</script>

XML/HTML Code

<table id="mainTable" class="table table-striped">
<thead><tr><th>Name</th><th>Cost</th><th>Profit</th><th>Fun</th></tr></thead>
<tbody>
<tr><td>Car</td><td>100</td><td>200</td><td>0</td></tr>
<tr><td>Bike</td><td>330</td><td>240</td><td>1</td></tr>
<tr><td>Plane</td><td>430</td><td>540</td><td>3</td></tr>
<tr><td>Yacht</td><td>100</td><td>200</td><td>0</td></tr>
<tr><td>Segway</td><td>330</td><td>240</td><td>1</td></tr>
</tbody>
<tfoot><tr><th><strong>TOTAL</strong></th><th></th><th></th><th></th></tr></tfoot>
</table>