datatable - eventos - jquery table example

Agregar más elementos desplegables o html a Datatable en Jquery

Question

¿Es posible agregar más elementos desplegables u otros elementos html a Datatable después del valor predeterminado

Mostrar el registro "5"

Quiero agregar más elementos desplegables a mi DataTable entre el predeterminado y la barra de búsqueda que se proporciona de forma predeterminada.

He pasado por sDom pero no puedo entender la sintaxis.

Gracias por adelantado.

Answer 1

Puede insertar un elemento <div> entre el menú de longitud y el cuadro de filtro de esta manera:

var table = $(''#example'').DataTable({
   dom : ''l<"#add">frtip''
}) 

''lfrtip'' es la cadena dom predeterminada, por lo que básicamente solo agrega un <div id="#add"> al diseño existente. Es aconsejable aplicar #add , especialmente establecer el tipo de display inline-block en inline-block para que no rompa los elementos en:

#add {
  display: inline-block;
  padding-left: 30px;
  float: left;
}

Ahora puede agregar <select> ''s (o lo que sea) al elemento #add la forma simple de jQuery:

//insert a label
$(''<label/>'').text(''my dropdown'').appendTo(''#add'')

//insert the select and some options
$select = $(''<select/>'').appendTo(''#add'')
$(''<option/>'').val(''1'').text(''option #1'').appendTo($select);
$(''<option/>'').val(''2'').text(''option #2'').appendTo($select);
$(''<option/>'').val(''3'').text(''option #3'').appendTo($select);

demo -> http://jsfiddle.net/ahqbf35w/