Pregunta sobre TablePress de Wordpress:

Una columna principal con todas las demás columnas en modo Colapsar

Un usuario preguntó 👇

Hola,

Estoy usando TablePress en la siguiente página: http://qftox.com/compound-database/

También tengo el plugin Responsive.

Quiero que sea solo la primera columna y luego el resto está en el área expandida (controlada por más y menos).

He estado jugando con el código durante un tiempo y no puedo hacer que funcione. ¿Me puedes ayudar, por favor?

(@tobiasbg)

Hace 3 años, 4 meses

Hola,

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

Desafortunadamente, no conozco una forma de implementar eso directamente con la Extensión de tablas de respuesta. Por lo tanto, le recomiendo que eche un vistazo a la extensión de datos de fila de TablePress explicada en https://wordpress.org/support/topic/how-to-expand-tablepress-row/ Ofrece un mecanismo muy similar para filas aburridas .

Saludos, Tobias

(@travishalff)

Hace 3 años, 4 meses

¡Perfecto, gracias! Algunas otras preguntas: 1) ¿Se puede eliminar el botón de datos en capas específicas? Usaría esto para los conjuntos de categorías principales. 2) ¿Se puede eliminar el efecto de deslizamiento en capas específicas? La misma razón que la anterior.

Muchas gracias, eres genial.

(@tobiasbg)

Hace 3 años, 4 meses

Hola,

la mejor manera de lograr ambos es utilizar código CSS para ocultar el botón «+» y cambiar el color de desplazamiento al color de fondo real.

Saludos, Tobias

(@ stfa76)

Hace 2 años, 11 meses

Hola @tobiasbg,

Gracias por su excelente plugin y extensión, que actualmente estoy probando localmente antes de moverlo al sitio web en vivo. Si puedo conseguir lo que quiero, asegúrese de donar 😉

1- De hecho, estoy tratando de lograr lo mismo con @travishalff mencionado anteriormente: tengo una tabla con 9 columnas y quiero configurar las primeras cinco columnas y forzar que las últimas cuatro columnas se caigan juntos: https://ibb.co/hCG346

Miré las opciones de jQuery DataTables y encontré «Prioridad de pilar»: https://datatables.net/extensions/responsive/priority
¿Crees que esta podría ser una solución para lograrlo?

2- En cierto sentido, también probé los «Detalles de fila de tablas de datos» que mencionaste anteriormente y casi lo logré: https://ibb.co/iq4ZBm

Pero como puede ver, parece ir en contra de la extensión «ColumnFilterWidgets». Quería que el filtro se aplicara a las columnas 2, 3 y 4. Pero después de agregar la extensión «Detalles de fila de tablas de datos», las columnas ahora se filtran 1, 2, 3 y 9. A continuación se muestra el acceso directo ad Solía:

[table id=1 datatables_row_details=true datatables_row_details_columns="F-I" datatables_columnfilterwidgets=true datatables_columnfilterwidgets_exclude_columns=1,5,6,7,8,9 /]

¿Crees que podría haber una solución a ese problema?

3- Tercera y última pregunta, ¿sería posible alinear el valor de las cuatro columnas caídas inmediatamente después de sus etiquetas en lugar de alinearlas a la derecha?

Muchas gracias por tu tiempo y ayuda.

Todo lo mejor, Stephane.

Esta respuesta fue modificada hace 2 años, 11 meses por. Esta respuesta fue modificada hace 2 años, 11 meses por.

(@tobiasbg)

Hace 2 años, 11 meses

Hola,

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

1. Esta función de «prioridad de columna» puede funcionar, pero desafortunadamente no tengo experiencia con ella it Debe probarla agregándola al campo «Mandatos personalizados» en la pantalla «Editar» del mesa.

2. Los datos de fila son causados ​​por este cambio en el número de serie, que agrega una primera columna adicional / nueva. Ahora todo lo que tiene que hacer es ajustar la cantidad de columnas que necesita para ajustar los menús desplegables de filtro.

3. Para cambiar la alineación, intente agregar esto al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress:

table.tablepress-row-details tbody tr .row-details-right {
	float: none;
}

Saludos, Tobias

(@ stfa76)

Hace 2 años, 11 meses

Muchas gracias @tobiasbg por sus soluciones de filtrado y alineación. Funciona muy bien 😉

(@tobiasbg)

Hace 2 años, 11 meses

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!

(@ stfa76)

Hace 2 años, 11 meses

Tengo una pregunta más para ti si no te importa @tobiasbg 🙂

¿Hay alguna forma de cambiar el relleno de cada columna para evitar que se codifique para cada columna como en el ejemplo siguiente en la SEC?

.tablepress .column-1 {
	padding: 2px;
}

.tablepress .column-2 {
	padding: 2px;
}

.tablepress .column-3 {
	padding: 2px;
}

(@tobiasbg)

Hace 2 años, 11 meses

Hola,

si, para ese uso

.tablepress thead th,
.tablepress tbody td {
  padding: 2px;
}

Saludos, Tobias

(@ stfa76)

Hace 2 años, 11 meses

Hola @tobiasbg,

Gracias de nuevo por todos tus consejos. Son muy útiles.

1- Al usar los «Detalles de fila de tablas de datos», cómo no mostrar la etiqueta de la columna: https://ibb.co/cQieBw

Este problema solo parece ocurrir cuando menciono una columna en la propiedad «datatables_row_details_columns» (ver código a continuación). Las etiquetas se muestran correctamente en cuanto se mencionan al menos 2 columnas en estas premisas.
[table id=3 datatables_row_details=true datatables_row_details_columns="D" row_order="sort" row_order_sort_column="A" row_order_sort_direction="ASC" /]

2- ¿Es posible cambiar el tamaño de la policía en el encabezado y eliminar el encabezado de todas las columnas en mayúsculas?

Gracias por tu ayuda.

Todo lo mejor, Stephane.

(@tobiasbg)

Hace 2 años, 11 meses

Hola,

1. Esto se hace por diseño. Cuando solo se selecciona una columna, no se muestra ninguna etiqueta para permitir más flexibilidad en el contenido expandido. Una vez que se seleccionan dos o más columnas, queda claro que las que requieren una etiqueta son datos fácticos.

2. ¿Qué es el «tamaño de la policía»? Su tema se suma a las mayúsculas. Para desactivar esto, intente agregarlo al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress:

.tablepress thead th {
  text-transform: none;
}

Saludos, Tobias

(@ stfa76)

Hace 2 años, 11 meses

Muchas gracias @tobiasbg

Quise decir «Tamaño de fuente», usé la palabra francesa, lo siento 🙂

(@tobiasbg)

Hace 2 años, 11 meses

Hola,

ah, ok 🙂 Para cambiar el tamaño de fuente, use este código de modificación:

.tablepress thead th {
  font-size: 12px;
  text-transform: none;
}

Saludos, Tobias

(@ stfa76)

Hace 2 años, 11 meses

Muchas gracias @tobiasbg

(@tobiasbg)

Hace 2 años, 11 meses

Hola,

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

Todo lo mejor, Tobias

PD: En caso de que no lo tenga, califique TablePress aquí en el directorio de plugins. ¡Gracias!

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *