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

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

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

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

 

JavaScript Code
  1. <script>  
  2.   $('#mainTable').editableTableWidget().numericInputExample().find('td:first').focus();  
  3.   $('#textAreaEditor').editableTableWidget({editor: $('<textarea>')});  
  4.   window.prettyPrint && prettyPrint();  
  5. </script>  
XML/HTML Code
  1. <table id="mainTable" class="table table-striped">  
  2.             <thead><tr><th>Name</th><th>Cost</th><th>Profit</th><th>Fun</th></tr></thead>  
  3.             <tbody>  
  4.               <tr><td>Car</td><td>100</td><td>200</td><td>0</td></tr>  
  5.               <tr><td>Bike</td><td>330</td><td>240</td><td>1</td></tr>  
  6.               <tr><td>Plane</td><td>430</td><td>540</td><td>3</td></tr>  
  7.               <tr><td>Yacht</td><td>100</td><td>200</td><td>0</td></tr>  
  8.               <tr><td>Segway</td><td>330</td><td>240</td><td>1</td></tr>  
  9.             </tbody>  
  10.             <tfoot><tr><th><strong>TOTAL</strong></th><th></th><th></th><th></th></tr></tfoot>  
  11.           </table>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_577.html