Skip to main content
se añadieron 2869 caracteres en el cuerpo
Origen Enlace

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>

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>
Origen Enlace

Como usar Data Tables - footer callback

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)'
        );
    }
} );

} );