Nuestros desarrolladores estrellas agotaron sus reservas de café, en su búsqueda día y noche por la solución, hasta que Max encontró la solución en GitHub por lo tanto hoy la compartimos aquí.
Solución:
Para ocultar el cuadro de entrada de búsqueda predeterminada de las tablas de datos AS:
por defecto sDom=”lftipr”;
Realice estas operaciones en tablas de datos
‘l’ – Cambio de longitud
‘f’ – Entrada de filtrado
‘t’ – ¡La mesa!
‘i’ – Información
‘p’ – Paginación
‘r’ – procesamiento
Para eliminar el cuadro de búsqueda predeterminado, simplemente elimine el carácter f de sDom.
me gusta:
$('#table').DataTable(
"sDom":"ltipr"
);
Espero que esto debe funcionar
Puedes usar el dom opción para ocultar la entrada de búsqueda sin deshabilitar la función de búsqueda. Esto es útil si desea proporcionar sus propias entradas para la búsqueda (quizás columna por columna o globalmente). También logra lo que solicitó inicialmente: elimine la entrada de búsqueda original sin usar CSS.
Aquí está la documentación: https://datatables.net/examples/basic_init/dom.html
Y, por supuesto, un ejemplo:
var table = $('#example').DataTable(
paging: false,
bFilter: false,
ordering: false,
searching: true,
dom: 't' // This shows just the table
);
También puede usar este método para representar la entrada de búsqueda en un lugar diferente. Dependiendo de dónde necesite representar la entrada, es posible que pueda evitar el uso de uno personalizado por completo.
bFilter en realidad elimina la funcionalidad de búsqueda, por lo que sugiero que simplemente oculte la búsqueda predeterminada y luego puede implementar su búsqueda personalizada con el código que ya ha escrito. Solo revisa el siguiente código:
#example_filter //#example is your table id, so you can replace it with whatever Id you give to table
display:none;
Nota : Remover bFilter durante la inicialización
Entonces su codificación normal. Aquí está el MANIFESTACIÓN
Valoraciones y comentarios
Si te apasiona este mundo, eres capaz de dejar una noticia acerca de qué le añadirías a esta reseña.