Estoy utilizando la opción de filtrar datos con datatables. Al momento de mostrar los select2 me salen hacia abajo.
Quisiera que me salieran uno al lado de otro en una sola fila. Cabe recalcar que a los select2 los declaro desde js así:
var select = $('<select class="Filtros select2 col-md"><option value="">Seleccionar Todas</option></select><script>$(".Filtros").select2({allowClear: true,theme: "bootstrap",dropddownAutoWidth: false,placeholder: "Selecciona Filtro"});</script>')
Adjunto código completo:
return $('#' + dg).DataTable({
initComplete: function () {
var Destino = '#prueba'
this.api().columns([1, 2, 3, 4, 5, 6]).every(function () {
var column = this;
var select = $('<select class="Filtros select2 col-md"><option value="">Seleccionar Todas</option></select><script>$(".Filtros").select2({allowClear: true,theme: "bootstrap",dropddownAutoWidth: false,placeholder: "Selecciona Filtro"});</script>')
.appendTo(Destino)
.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) {
Quisiera que el resultado fuera así Pero con el diseño de los select2 Gracias de Antemano
Select2
tratará de tomar el mismo ancho del contenedor, aunque puedes tratar de modificarlo.