Plantilla: Resaltado al pasar el mouse sobre una fila

Documentación de plantilla [ ver ] [ editar ] [ historial ] [ purgar ]

Atajo

• {{ tabla de datos mw }}

Esta plantilla permite resaltar filas al pasar el mouse sobre ellas a través de modificadores de clase wikitable mw-datatabley . hover-highlight

Además de agregar resaltados a las filas, también cambia el fondo de las celdas a blanco. Para agregar solo un resaltado, use .mw-datatablehover-highlight

Uso de {{resaltar al pasar el mouse sobre la fila}}

Uso básico:

Wikitext

{{ resaltar fila al pasar el mouse }} {| clase = mw-datatable  |- ! 1 !! 2 !! 3 |- | 1-1 || 2-1 || 3-1 |- | 1-2 || 2-2 || 3-2 |}

Resultado renderizado

class=mw-datatablese puede utilizar en combinación con class=wikitable, en cuyo caso las celdas que no sean de encabezado tendrán un fondo blanco.

Wikitext

{{ fila resaltada al pasar el mouse sobre ella }} {| clase = "wikitable mw-datatable"  |- ! 1 !! 2 !! 3 |- | 1-1 || 2-1 || 3-1 |- | 1-2 || 2-2 || 3-2 |}

Resultado renderizado

Para mantener el fondo gris claro class=wikitable, utilice class=hover-highlight:

Wikitext

{{ resaltar fila al pasar el mouse }} {| class = "wikitable hover-highlight"  |- ! 1 !! 2 !! 3 |- | 1-1 || 2-1 || 3-1 |- | 1-2 || 2-2 || 3-2 |}

Resultado renderizado

Usando {{mw-datatable}} para fondo blanco

Si desea un fondo blanco para las celdas de datos, entonces esto puede ser más fácil de recordar ya que el nombre de la plantilla y de la clase son los mismos.

Wikitext

{{ mw-datatable }} {| clase = "wikitable mw-datatable"  |- ! 1 !! 2 !! 3 |- | 1-1 || 2-1 || 3-1 |- | 1-2 || 2-2 || 3-2 |}

Resultado renderizado

Véase también

• Ayuda:Tabla/Avanzado § Resaltar filas al pasar el mouse
• {{ shy }} – Se puede utilizar para ayudar a reducir el tamaño de las columnas agregando un guión suave a una palabra para permitir que se ajuste.

Más estilos de plantillas para tablas:

• {{ sticky header }} : hace que los encabezados de columna se mantengan en la parte superior de la página mientras se desplaza por los datos de la tabla.
• {{ sort under }} - mueve las flechas de clasificación debajo de los encabezados.
• {{ números de fila estáticos }} : agrega una columna de números de fila a una tabla.
• {{ tablealignment }} : alinea las celdas de una columna o de una tabla completa.

La documentación anterior se transcluye desde Plantilla:Row hover highlight/doc . ( editar | historial ) Los editores pueden experimentar en las páginas sandbox (crear | reflejar) y testcases (crear)
de esta plantilla . Agregue categorías a la subpágina /doc . Subpáginas de esta plantilla .