在表格PHP下方显示一列的总值

时间:2019-01-31 04:29:22

标签: javascript php jquery html

我已经建立了一个表,该表从我的数据库中获取数据并将其显示在网页上。但我不知道如何获取我的其中一列的总价值并将其显示在表格下方

php代码。

`rank` MEDIUMTEXT,

表格:

foreach($result as $row)
{
 $sub_array = array();
 $sub_array[] = $row['order_id'];
 $sub_array[] = $row['order_customer_name'];
 $sub_array[] = $row['order_item'];
 $sub_array[] = $row['order_value'];
 $sub_array[] = $row['order_date'];
 $sub_array[] = $row['session'];
 $sub_array[] = $row['total'];
 $data[] = $sub_array;
}

Javacript代码(数据表):在javascript中,有一个代码可根据日期过滤数据并可以导出表数据

div class="container box">
      <table id="customer_data" class="table table-bordered table-striped">
     <thead>
      <tr>
       <th>Order ID</th>
       <th>Customer Name</th>
       <th>Programs</th>
       <th>Price</th>
       <th>Date</th>
       <th>Session</th>
       <th>Total Price</th>
      </tr>
     </thead>
    </table>
    </div>

}

1 个答案:

答案 0 :(得分:0)

您可以使用“数据表”列呈现选项或其他事件来操纵数据或计算总数。

var globalDataSum=0;
var table =$('#example').DataTable( {
    "columnDefs": [{
       // The `data` parameter refers to the data for the cell (defined by the
       // `data` option, which defaults to the column being worked with, in
       // this case `data: 0`.
       "render": function ( data, type, row ) {
                 globalDataSum+=data;
                 return data;
        },
        "targets": 0
    }]
});

和听数据表绘制事件。然后更新元件

table.on( 'draw', function () {
    $("#total").text(globalDataSum)
} );

如果要使用数据表的扩展名来计算总数,可以参考Data table Sum plugin