jquery表格插件DataTables 合计功能(当前页)

最新推荐文章于 2020-12-30 16:50:50 发布

原创最新推荐文章于 2020-12-30 16:50:50 发布 · 1.3w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery表格插件 #datatables #function

前端技术同时被 2 个专栏收录

87 篇文章

订阅专栏

Jquery

16 篇文章

订阅专栏

本文介绍如何在表格中动态添加数据，并使用JavaScript实现页面合计功能，包括数据的累加与显示。

ikmb@163.com

1.table中添加

<tfoot>
  <tr>
  <td><b>当前页合计</b>
   </td>
   <td id="weightsum">                                                
   </td>
    <td>
  </tr>
</tfoot>

2.js

var addd=0;
$(document).ready(function() {
	$('#table1').dataTable({
          "fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
             if(iDisplayIndex==0) addd=0;
               addd+=parseFloat(aData[1]);//第几列
               $("#weightsum").html(formatFloat(addd,3));
               return nRow;
             } 
           }
        );
} );