Actualmente trabajo con CI y hago lo mismo que tu en mi caso no necesito el boton buscar, TRABAJO CON algunos atributos en mi vista como`data-column` y eso te ayudara mas eso hago en mi vista y aparte solo declaro la tabla, en JQuery utilizo `.search-input-text` eso me ayuda con la busqueda, en mi controlador armo `array` y ya con eso lleno la tabla por otro lado en el modelo hago una busqueda por `columns` te dejo cada parte del CI espero te ayude : [![introducir la descripción de la imagen aquí][1]][1] **NO OLVIDES COLOCAR ESTO EN LA PARTE INFERIOR DE TU VISTA** <script type="text/javascript"> var baseurl = "<?php echo base_url(); ?>"; var ciCsrfToken = "<?php echo $this->security->get_csrf_hash(); ?>"; </script> **VISTA :** <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <section class="content-header"> <h1> Listado de Ventas </h1> </section> <!-- Main content --> <section class="content"> <div class="box box-solid box-primary"> <div class="box-header with-border"> <h6 class="box-title"><i class="fa fa-calendar-check-o"></i> BUSQUEDA </h6> </div> <div class="box-body"> <div class="box-body"> </div> <div class="form-horizontal"> <div class="row"> <div class="col-md-12"> <div class="form-horizontal"> <div class="row"> <div class="col-md-4"> <div class="form-group"> <label class="control-label col-md-4">FECHA INICIO</label> <div class="col-md-6"> <input data-column="1" id="bfecha_inicio" value="" class="form-control datepicker search-input-text" readonly type="text"> <span class="help-block"></span> </div> </div> </div> <div class="col-md-4"> <div class="form-group"> <label class="control-label col-md-4">FECHA FINAL</label> <div class="col-md-6"> <input data-column="2" id="bfecha_final" value="" class="form-control datepicker search-input-text" readonly type="text"> <span class="help-block"></span> </div> </div> </div> <div class="col-md-4"> <div class="form-group"> <label class="control-label col-md-4">CLIENTE</label> <div class="col-md-6"> <input data-column="3" id="cliente" value="" class="search-input-text form-control" style="width: 100%"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <br> <div class="col-xs-12"> <div class="box box-solid box-primary"> <div class="box-header"> <h3 class="box-title"> <i class="fa fa-check-circle"></i> LISTADO DE VENTAS </h3> </div> <br> <hr> <!-- /.box-header --> <div class="box-body"> <table id="tabla_ventas" class="table table-bordered table-condensed table-hover responsive" cellspacing="0" width="100%"> <thead class="background-thead"> <tr> <th>Nº</th> <th>CLIENTE</th> <th>TOTAL</th> <th style="width: 200px;">FEHA</th> <th>DETALLE</th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> </div> </section> </div> </div> <!-- end snippet --> **EN MI JQUERY** var comprobante; $(document).ready(function () { $(function () { tabla_ventas = $('#tabla_ventas').DataTable({ "processing": true, "serverSide": true, "order": [], "ajax": { "url": baseurl + 'Caja/listar_ventas', "type": "POST", "data": {"ci_csrf_token": ciCsrfToken} }, "columnDefs": [ { "targets": [-1, 0, 1, 2, 3], "orderable": false } ], "language": { "processing": "Procesando...", "lengthMenu": "Mostrar _MENU_ registros", "zeroRecords": "No se encontraron resultados", "emptyTable": "Ningún dato disponible en esta tabla", "info": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros", "infoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros", "infoFiltered": "(filtrado de un total de _MAX_ registros)", "infoPostFix": "", "search": "Buscar:", "url": "", "infoThousands": ",", "loadingRecords": "Cargando...", "paginate": { "first": "Primero", "last": "Último", "next": "Siguiente", "previous": "Anterior" }, "aria": { "sortAscending": ": Activar para ordenar la columna de manera ascendente", "sortDescending": ": Activar para ordenar la columna de manera descendente" } }, "lengthMenu": [[10, 15, 20, 25], [10, 15, 20, 25]], "iDisplayLength": 10, }); $('.datepicker').datepicker({ autoclose: true, format: "yyyy-mm-dd", todayHighlight: true, orientation: "top auto", todayBtn: true, todayHighlight: true, language: "es" }); $('.search-input-text').on('keyup click', function () { var i = $(this).attr('data-column'); var v = $(this).val(); tabla_ventas.columns(i).search(v).draw(); }); $('.search-input-select').on('change', function () { var i = $(this).attr('data-column'); var v = $(this).val(); tabla_ventas.columns(i).search(v).draw(); }); $('#bfecha_inicio').on('change', function () { // for select box var i = $(this).attr('data-column'); var v = $(this).val(); tabla_ventas.columns(i).search(v).draw(); }); $('#bfecha_final').on('change', function () { // for select box var i = $(this).attr('data-column'); var v = $(this).val(); tabla_ventas.columns(i).search(v).draw(); }); }); }); **EN MI CONTROLADOR** public function listar_ventas() { $pagos = $this->caja->obtener_data_pagos(); $data = array(); $no = $_POST ['start']; foreach ($pagos as $pago) { $no ++; $row = array(); $row [] = '<div class="text-left">' . 'VEN000' . $pago->id_venta . '</div>'; $row [] = $pago->nombres_completos; $row [] = $pago->total; $row [] = $pago->fecha_venta; $row [] = '<div onclick="detalle_venta(' . $pago->id_venta . ')" class="text-center details-control"><a><i class="fa fa-plus-circle fa-2x"></i></a></div>'; $data [] = $row; } $output = array( "draw" => $_POST ['draw'], "recordsTotal" => $this->caja->contador_total_pagos(), "recordsFiltered" => $this->caja->contador_filtrado_pagos(), "data" => $data ); echo json_encode($output); } **EN MODELO** var $t_view_pagos = 'v_ventas'; var $query_pagos = null; private function _obtener_data_query_pagos() { $sql = "SELECT * FROM " . $this->t_view_pagos; $sql .= " WHERE 1 = 1 "; if (!empty($_POST ['columns'] [1] ['search'] ['value'])) { // Fecha inicial $sql .= " AND fecha_venta >= '" . date_format(date_create($_POST ['columns'] [1] ['search'] ['value']), "Y-m-d") . "' "; } if (!empty($_POST ['columns'] [2] ['search'] ['value'])) { // Fecha final $sql .= " AND fecha_venta <= '" . date_format(date_create($_POST ['columns'] [2] ['search'] ['value']), "Y-m-d") . "' "; } if (!empty($_POST ['columns'] [3] ['search'] ['value'])) { // Cliente $sql .= " AND nombres_completos like '" . $_POST ['columns'] [3] ['search'] ['value'] . "%' "; } $this->query_pagos = $sql; if ($_POST ['length'] != - 1) $sql .= "LIMIT " . $_POST ['start'] . ", " . $_POST ['length']; return $sql; } function obtener_data_pagos() { $sql = $this->_obtener_data_query_pagos(); $query = $this->db_caja->query($sql); return $query->result(); } function contador_filtrado_pagos() { $query = $this->db_caja->query($this->query_pagos); return $query->num_rows(); } public function contador_total_pagos() { $this->db_caja->from($this->t_view_pagos); return $this->db_caja->count_all_results(); } [1]: https://i.sstatic.net/1ms1U.png