Pregunta sobre TablePress de Wordpress:

Solo líneas / columnas verticales

Un usuario preguntó 👇

Hola,

Quiero agregar / tener líneas verticales solo entre las columnas. Todos los demás límites / líneas de la tabla deben eliminarse. es posible? ¡Gracias!

(@tobiasbg)

Hace 3 años, 1 mes

Hola,

gracias por tu publicación y perdón por las molestias.

Sí, eso es posible. Agregue esto al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress:

.tablepress-id-123 thead th,
.tablepress-id-123 tbody td {
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

Saludos, Tobias

(@desci)

Hace 3 años, 1 mes

Hola Tobias,

¡Gracias! Esto es casi perfecto y debería ser más específico. Todo lo que necesito son líneas verticales entre dos columnas. El código anterior también agrega una línea vertical en los límites muy a la izquierda y muy a la derecha (contorno) de la tabla, lo cual no es obligatorio (tampoco en las tablas correspondientes).

¿Es esto posible evitar el contorno de la tabla en todos los modos de tabla (normal / receptivo) pero mantener las líneas verticales entre dos columnas?

¡Gracias!

(@tobiasbg)

Hace 3 años, 1 mes

Hola,

para eso, intente nuevamente con esta versión:

.tablepress-id-123 thead th,
.tablepress-id-123 tbody td {
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.tablepress-id-123 thead th:first-child,
.tablepress-id-123 tbody td:first-child {
  border-left: none;
}
.tablepress-id-123 thead th:last-child,
.tablepress-id-123 tbody td:last-child {
  border-right: none;
}

Saludos, Tobias

(@desci)

Hace 3 años, 1 mes

Hola Tobias,

Gracias. Eso funciona en lugar de una sola cosa. Cuando está en modo de respuesta, permanece el borde más grande a la derecha (contorno) de la columna de la derecha. Sin embargo, no existe cuando la tabla está completamente expandida en una pantalla grande.

Gracias

(@tobiasbg)

Hace 3 años, 1 mes

Hola,

¿Puede publicar un enlace a la página con la tabla donde ocurre este problema, para que pueda mirar directamente? ¡Gracias!

Saludos, Tobias

(@desci)

Hace 3 años, 1 mes

Lo siento, todavía no estoy haciendo nada, solo estoy jugando con el plugin. Estoy usando la última versión de Chrome y el plugin no tiene otro CSS personalizado que no sea el que me proporcionó anteriormente.

Entonces, tal vez sea solo mi tema, ¿si te funciona?

(@tobiasbg)

Hace 3 años, 1 mes

Hola,

podría ser un tema, sí, pero para obtener más información, quiero poder explorar la página con las herramientas de desarrollo en el navegador. En cualquier caso, será posible eliminar el límite.

Saludos, Tobias

(@desci)

Hace 3 años, 1 mes

De acuerdo, ¡tengo una página con eso! Aqui esta el link: http://shoutkey.com/east

¡Gracias!

(@desci)

Hace 3 años, 1 mes

PD: El único CSS es el que me diste anteriormente.

(@tobiasbg)

Hace 3 años, 1 mes

Hola,

¡Gracias por el enlace! Esto es trivial …

Pruébelo con este nuevo CSS:

.tablepress-id-1 thead th,
.tablepress-id-1 tbody td {
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #cccccc;
}
.tablepress-id-1 thead th:first-child,
.tablepress-id-1 tbody td:first-child {
  border-left: none;
}

Al trabajar con un borde izquierdo, es posible que podamos hacer este trabajo.

Saludos, Tobias

(@desci)

Hace 3 años, 1 mes

¡Excelente! Él hizo esto. ¡Muchas gracias!

(@tobiasbg)

Hace 3 años, 1 mes

Hola,

no hay problema, ¡de nada! 🙂 ¡Es bueno escuchar que esto ayudó!

Todo lo mejor, Tobias

PD: Si no lo ha hecho, califique TablePress aquí en el directorio de plugins. ¡Gracias!

(@ matlas44)

Hace 2 años, 10 meses

Oye Tobias,

Encontré las columnas en la tabla en la parte inferior. esta página para trabajar (como me ayudaste hoy). Pero necesito hacer un borde más oscuro entre cada día de la semana, pero como puede ver, tengo muchas fusiones que hacer. Revisé diferentes hilos y no encontré una solución a este problema específico, ya que no incluyo el encabezado. He probado algunos de los códigos en los distintos hilos, pero nada funciona 🙁

¡Gracias!

(@tobiasbg)

Hace 2 años, 10 meses

Hola,

Qué pasa:

.tablepress-id-175 tbody .column-2,
.tablepress-id-175 tbody .column-5,
.tablepress-id-175 tbody .column-8,
.tablepress-id-175 tbody .column-12,
.tablepress-id-175 tbody .column-15 {
	border-left: 3px solid #000000 !important;
}

Saludos, Tobias

(@ matlas44)

Hace 2 años, 10 meses

Gracias, funcionó, principalmente.

También lo apliqué a la última columna de la derecha, pero como puede ver, en la segunda fila al final, donde dice «jueves», no hay límite.

.tablepress-id-175 tbody .column-16 {
	border-right: 1px solid #000000 !important;
}

También lo apliqué a la parte inferior de algunas de las capas, pero sucedió algo similar. Lo apliqué en la parte inferior de la sexta fila consecutiva, y pueden ver que no se aplicó en las dos primeras columnas de la sexta fila. Lo mismo con la serie 11; y luego lo mismo en la fila 12 en la última columna, y lo mismo con la fila 15, en las dos primeras columnas y la siguiente con la última columna.

.tablepress-id-175 tbody .row-2,
.tablepress-id-175 tbody .row-6,
.tablepress-id-175 tbody .row-7,
.tablepress-id-175 tbody .row-11,
.tablepress-id-175 tbody .row-12,
.tablepress-id-175 tbody .row-15 {
	border-bottom: 1px solid #000000 !important;
}

¿Cómo puedo arreglar esto?

¡Gracias!

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.