La cuestion es la siguiente: Estoy construyendo una datatable con datos de db. Resulta que necesito agregar un buscador individual por columna, ademas del header de la columna pero tengo el siguiente problema:
Si agrego el input con un solo header el filtrado funciona ok pero al dar click en el input aplica un "sort" a la columna. Lo cual no esta bien. Por eso se me ocurrio agregar un doble header.
Con el doble header, se ve bien, pero debo agregar el "orderCellsTop": true, para que el boton de ordenamiento aparezca correctamente, pero mi listener para el filtrado de la columna no funciona.
Si pongo "orderCellsTop": false, el filtrado con el input funciona, pero el boton de orden aparece junto al input, y es el mismo problema del primer punto (Ordena la columna si doy click en el input)
Aqui esta el codigo de la tabla. Alguna idea de que estoy haciendo mal ??
$('#tblTramiteDeFacturas thead tr#filter th').each(function () {
$(this).html('<label for=""> </label><input type="text" placeholder=" ' + title[i] + '" class="form-control column_search" />');});
var tblSelected = $('#tblTramiteDeFacturas').DataTable({"orderCellsTop": false});
tblSelected.columns().every(function () {
var that = this;
$('input', this.header()).on('keyup change', function () {
if (that.search() !== this.value) {
that.search(this.value).draw();
}
});
Estoy usando la version de datatables 1.10.22
.DataTable
, estás seguro que no es.dataTable
? Igual ayudar+ia saer de dónde sacar tu librería de datatables