2

tengo problemas con la posición de los botones de datatable, y no tengo idea de como modificar las posiciones, lo que quiero es ponerlos en otro lugar de la tabla.

-Algo no esta: introducir la descripción de la imagen aquí

Ya que normalmente esta de este modo:

introducir la descripción de la imagen aquí

7
  • Si kitas los botones de arriba la fiferencia de abajo se soluciona???? Commented el 25 may. 2018 a las 17:17
  • Asi es Estaria a la misma altura Commented el 25 may. 2018 a las 18:22
  • Bueno pues lo ke tienes ke ver es como no renderizar los del datatable, crear los tuyos en html donde desees y asignarle en el onclick la función de los del datatable. YO YA LO HICE 1 vez y funciona Commented el 25 may. 2018 a las 18:30
  • 1
    ¿Puedes poner tu código HTML,CSS y JS? Ayudaría mucho a poder ver el problema
    – Kiko_L
    Commented el 25 may. 2018 a las 19:22
  • Bueno pues lo ke tienes ke ver es como no renderizar los del datatable, crear los tuyos en html donde desees y asignarle en el onclick la función de los del datatable. YO YA LO HICE 1 vez y funciona – Dariel Ramos Díaz de Villegas el 25 may. a las 18:30 ----- Me interesa como se hace????? saludos Commented el 9 jun. 2018 a las 0:14

1 respuesta 1

4

Segun investigue ahorita tiene que ver con el "dom"

https://datatables.net/reference/option/dom

me pasaba lo mismo cuando tenia: dom: 'Bfrtip'

No encontre una forma concreta de solucionarlo porque aveces el dom funciona bien y en otras pasa lo que te paso a ti, que asigna "i" y "p" (informacion y paginacion) como elementos de bloque que ocupan todo su ancho disponible y por eso ves a informacion ocupando toda una linea y abajo a la derecha ves al elemento de paginacion, yo lo solucione con css agregandole clases a dichos elementos "los de informacion y paginacion" y en estas clases los convertia en elementos de tipo inline-block, te comparto mi solucion en codepen:

Datatables Bootstrap 4 con botones de exportar con estilo:

https://codepen.io/coderalexis/pen/gKqLEK

si tienes dudas sobre el código puedes preguntarme aunque creo que se puede entender fácil con verlo.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.