Me gustaría redondear los bordes en mi mesa DT. Desafortunadamente, mis habilidades de JS son muy limitadas (o incluso inexistentes), por lo que estaría muy feliz si alguien pudiera ayudarme a descubrir cómo implementar bordes redondos en una tabla DT en R.
Este es mi código hasta ahora:
DT::datatable( data = iris, options = list( initComplete = DT::JS( "function(settings, json) {", paste0( "$(this.api().table().header()).css({ 'background-color': 'black', 'color': 'white', 'border-top-left-radius': '4px', 'border-top-right-radius': '4px' });" ), "}" ) ) )
La última parte border-top-left-radius
no funciona pero algo como esto sería la solución. Creo que esta respuesta tiene la solución en JS puro, pero necesito que alguien me ayude a implementar este fragmento en mi código R.
Aquí hay una captura de pantalla de mi código. Ahora me gustaría tener el borde superior izquierdo y derecho con un radio. Como puede ver, el borde es de 90 grados en este momento.
Tienes que usar overflow: hidden
.
DT::datatable( data = iris, options = list( initComplete = DT::JS( "function(settings, json) {", paste0( "$(this.api().table().header()).css({ 'background-color': 'black', 'color': 'white', 'border-top-left-radius': '4px', 'border-top-right-radius': '4px', 'overflow': 'hidden' });" ), "}" ) ) )