Digamos que tenemos la siguiente tabla:
| Col1 | Col2 | Col3 | Col4 |
|---|---|---|---|
| Valor 1 | Valor 4 | Valor 7 | 10.0 |
| Valor 2 | Valor 5 | Valor 8 | 10.0 |
| Valor 3 | Valor 6 | Valor 9 | 69.47 |
Me gustaría tener algo como esto si el usuario selecciona Col4 (o cualquier otra columna, esto es solo un ejemplo) de la selección:
| Col1 | Col2 | Col3 |
|---|---|---|
| Col4: 10.00 | ||
| Valor 1 | Valor 4 | Valor 7 |
| Valor 2 | Valor 5 | Valor 8 |
| Col4: 69,47 | ||
| Valor 3 | Valor 6 | Valor 9 |
DEMOSTRACIÓN EN VIVO DE TABLAS DE DATOS
He estado buscando durante horas y no pude encontrar nada ni en la documentación oficial, ni en los complementos, ni en las preguntas de desbordamiento de pila anteriores.
Algunas personas sugieren que podría rotar a través de css la tabla de datos, pero el hilo es un poco viejo y no tengo que funcione para mi propósito.
Solo con css, no estoy seguro de si esto es posible por completo, pero con jquery, puede agregar dinámicamente filas al ejemplo de la tabla de datos agregado aquí (esto es solo para idear, el código se puede limpiar más)
Además, agregar las filas en un índice particular se basa en las condiciones de pedido aplicadas a la tabla. ( La documentación oficial está aquí )
Sin embargo, existe un concepto de agrupación de filas en la tabla de datos (ejemplo de enlace oficial aquí )
Entonces, al obtener datos de columna seleccionados dinámicamente ( siga el enlace 1 ) y luego agruparlos como encabezados de fila (siga el enlace 3 ), puede obtener el resultado deseado.