En la imagen anterior como pueden observar tengo un select pero este se encuentra dentro de un tbody la razón de esto es porque requiero listarlo dependiendo del numero de filas que tenga la tabla, el caso está que el input de busqueda el cual te permite buscar las diferentes opciones que tiene un select trae el tamaño por defecto ¿existe alguna manera de reducir ese tamaño al tamaño que tiene mi select?
<select class="select" name="usuario" style="width:100%;"><option value="0">-- Seleccione --</option></select>
$('.select').select2({
theme: 'boostrap3'
})
Intenté añadiéndole eso pero solo me cambia la forma de mi select y no el tamaño de la barra de búsqueda que tiene.
Quisiera que por lo menos al desplegar el select tuviera el mismo tamaño que el input de búsqueda o viceversa