He estado leyendo la documentación oficial y tratando de entender cómo cambiar la ubicación del cuadro de búsqueda predeterminado con la manipulación de DOM , pero no pude hacerlo funcionar.
DEMO DE TABLA DE DATOS EN VIVO
Entonces, básicamente, lo que quiero es cambiar la ubicación del cuadro de búsqueda y colocarlo dentro del código <input title="Search"... manteniendo las mismas características.
Pensé que esto haría el truco, pero no es así:
"dom": '<"#search"f>'
Cualquier ayuda sería apreciada.
Puede ocultar el campo de búsqueda con
dom: 'lrt'y luego necesitas activar la búsqueda desde tu campo con
// I have added id="search" to your search field to make it easier $('#search').on('input', () => { DT1.search($('#search').val()).draw(); });Aquí está el violín de trabajo