hola a todos estoy queriendo usar el footer call back de datatables, mire mucho pero por los diferentes tutoriales pero no logre solucionar mi problema. Entonces Como siempre toca recurrir a la sabiduria del grupo..
Este es el ejemplo de la pagina, pero no consigo q funcione, mude el nombre de mi tabla a example para q pueda correr el plugin y solo me aparece la la tabla dividida en paginas la opcion de buscar y la opcion de mostrar cuantos registros quiero tener x pagina, pero la suma q es lo q necesito no aparece.

Alguien tiene experiencia con esto?? - Desde ya muchas Gracias!!


     $('#example').DataTable( {
        "footerCallback": function ( row, data, start, end, display ) {
            var api = this.api(), data;
 
            // Remove the formatting to get integer data for summation
            var intVal = function ( i ) {
                return typeof i === 'string' ?
                    i.replace(/[\$,]/g, '')*1 :
                    typeof i === 'number' ?
                        i : 0;
            };
 
            // Total over all pages
            total = api
                .column( 5 )
                .data()
                .reduce( function (a, b) {
                    return intVal(a) + intVal(b);
                }, 0 );
 
            // Total over this page
            pageTotal = api
                .column( 5, { page: 'current'} )
                .data()
                .reduce( function (a, b) {
                    return intVal(a) + intVal(b);
                }, 0 );
 
            // Update footer
            $( api.column( 5 ).footer() ).html(
                '$'+pageTotal +' ( $'+ total +' total)'
            );
        }
    } );
} );

**Este es mi Html**

    <div class="box box-solid">
                    <div class="box-body">
                      <div class="row">
                        <div class="col-md-12">
                          <a href="<?php echo base_url();?>movimientos/Ventas/add_funcion" class="btn btn-primary btn-flat"><span class="fa fa-plus "></span> Nueva Venta </a>
                        </div>
                      </div>
                    </div>
                    <hr><!-- /.box-body -->
                    <div class="row">
                      <div class="col-md-12">
                        <table id="example2" class="table table-bordered btn-hover">
                          <thead>
                            <tr>
                              <th>#</th>
                              <th>Nombre Cliente:</th>
                              <th>Tipo Comprobante:</th>
                              <th>Numero de comprobante:</th>
                              <th>Fecha:</th>
                              <th>Total:</th>
                              <th>Opciones:</th>
                            </tr>
                          </thead>
                          <tbody>
                          <?php if (!empty($ventas)):?>
                            <?php foreach($ventas as $venta):?>
                              <tr>
                                <td> <?php echo $venta->id_ventas;?></td>
                                <td> <?php echo $venta->nombres_cliente;?></td>
                                <td> <?php echo $venta->tComprobante;?></td>
                                <td> <?php echo $venta->numero_comprobante_ventas;?></td>
                                <td> <?php echo $venta->fecha_ventas;?></td>
                                <td> <?php echo $venta->total_ventas;?></td>
                                <?php $dataVentas = $venta->id_ventas."*".$venta->nombres_cliente."*".$venta->tComprobante."*".$venta->fecha_ventas."*".$venta->subtotal_ventas."*".$venta->descuento_ventas."*".$venta->iva_ventas."*".$venta->total_ventas;?>
                                <td> <div class ="btn-group">
                                      <button type="button" class="btn btn-info btn-view-ventas" data-toggle="modal" 
                                          data-target="#modal-default" value="<?php echo $venta->id_ventas;?>">
                                          <span class="fa fa-search"></span>
                                      </button>
                              </tr>
                            <?php endforeach;?>
                          <?php endif;?>        
                          </tbody>
                        </table>
                </div>
                <!-- /.box -->
            </section>
            <!-- /.content -->
        </div>