Quiero dar un espaciado que se muestra en la imagen en el área amarilla como el margen superior de la paginación (margen de barras anterior / siguiente a la barra de desplazamiento horizontal). ¿Es esto posible usando variables de tablas de datos o por ...

1
Fury 14 mar. 2021 a las 12:15

1 respuesta

La mejor respuesta

Si desea mover los controles de paginación un poco hacia abajo, puede usar las tablas de datos dom opción para colocar los controles en una <div> personalizada. Puedes darle a ese <div> un nombre de clase y luego adjuntarle un estilo.

El valor predeterminado de dom es:

"dom": 'lfrtip'

Cada letra se refiere a un control (por ejemplo, t es la tabla en sí; p es la paginación).

Podemos cambiar ese valor predeterminado a esto:

"dom": 'lfrti<"bottom-wrapper"p>'

Esto envuelve el p en un div.

A continuación, se puede diseñar el div como desee, por ejemplo:

<style>
  .bottom-wrapper {
      margin-top: 0.5em;
  }
</style>

Si desea que se ajusten tanto la información como los controles de paginación, coloque i dentro del div también:

"dom": 'lfrt<"bottom-wrapper"ip>'

Actualización para el comentario del cuadro de búsqueda:

En la documentación de dom, el cuadro de búsqueda está representado por la letra f (para filtrar la entrada).

Entonces, pones eso en un <div> y le das su propio nombre de clase:

"dom": 'l<"top-wrapper"f>rti<"bottom-wrapper"p>'

Ahora la letra f está envuelta: <"top-wrapper"f>

Supongo que quieres mover eso un poco hacia arriba, por lo que un estilo podría ser:

.top-wrapper {
    margin-bottom: 0.5em;
}
1
andrewjames 14 mar. 2021 a las 14:36