Quiero añadir un placeholder que diga "Buscar" en un input dónde estoy utilizando Datatables de Bootstrap. Revisé las líneas de código del archivo js qué utiliza Datatables pero no tuve resultados en añadir lo que deseo.
Otra posible solución si alguien sabe sería la de eliminar ese label que indica Buscar: y al lado donde está el input colocar dentro del input el placeholder "Buscar" y el label mencionado anteriormente eliminarlo quedando solo el input.
Código JS:
$("#example tfoot th").each(function () {
var title = $(this).text();
$(this).html('<input type="text" id="form12" class="form-control" placeholder="Filtrar..' + title + '" />');
});
var table = $("#example").DataTable({
"dom": 'B<"float-left"i><"float-right"f>t<"float-left"l><"float-right"p><"clearfix">',
"language": {
"url": "https://cdn.datatables.net/plug-ins/1.10.19/i18n/Spanish.json"
},
autoWidth: false,
initComplete: function (settings, json) {
var footer = $("#example tfoot tr");
$("#example thead").append(footer);
}
});
$("#example thead").on("keyup", "input", function () {
table.column($(this).parent().index())
.search(this.value)
.draw();
});
});