Skip to main content
1 de 3
Demaro Create
  • 57
  • 1
  • 4
  • 12

Como integrar el buscador de columna, arriba de la misma y no abajo, Datatables Jquery

muy buenas, estoy usando el plugin de jquery https://datatables.net/extensions/select/examples/initialisation/checkbox.html

el cual le agregue un buscador de select option por columnas, los cuales se integran abajo del datatable, lo que quiero es que este se muestre arriba al lado del search que viene en el plugin, no se como posicionarlo de esta manera.

aqui el codigo del datatable:

$(document).ready(function (){ var table = $('#example').DataTable({

  columnDefs: [
     {
        targets: 0,
        checkboxes: {
           selectRow: true
        }
     }
  ],
  select: {
     style: 'multi'
  },
  order: [[1, 'asc']]

});

table.column(4).every( function () {

var column = this;
var select = $('<select><option value="">Seleccione...</option></select>')
  .appendTo($(column.footer()).empty())
  .on('change', function() {
    var val = $.fn.dataTable.util.escapeRegex(
      $(this).val()
    );

    column
      .search(val ? '^' + val + '$' : '', true, false)
      .draw();
  });

column.data().unique().sort().each(function(d, j) {
  select.append('<option value="' + d + '">' + d + '</option>')
});

la primera parte es de los checkboxes, la segunda desde el table. column es el buscador. agradeceria mucho la ayuda, saludos!

Demaro Create
  • 57
  • 1
  • 4
  • 12