Predefinição:Row hover highlight
 | Esta predefinição utiliza TemplateStyles: |
Esta predefinição permite destacar linhas ao passar o mouse sobre elas por meio dos modificadores de classe wikitable mw-datatable e hover-highlight.
Além de adicionar destaques nas linhas, o mw-datatable também altera o fundo das células para branco. Para adicionar apenas um destaque, use hover-highlight.
Uso
[editar código]Uso básico:
Wikitexto
{{row hover highlight}}
{| class=mw-datatable
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}
Resultado renderizado
| 1 | 2 | 3 |
|---|---|---|
| 1-1 | 2-1 | 3-1 |
| 1-2 | 2-2 | 3-2 |
class=mw-datatable pode ser usada em combinação com class=wikitable, nesse caso, as células que não forem cabeçalhos terão um fundo branco.
Wikitexto
{{row hover highlight}}
{| class="wikitable mw-datatable"
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}
Resultado renderizado
| 1 | 2 | 3 |
|---|---|---|
| 1-1 | 2-1 | 3-1 |
| 1-2 | 2-2 | 3-2 |
Para manter o fundo cinza claro de class=wikitable, use class=hover-highlight:
Wikitexto
{{row hover highlight}}
{| class="wikitable hover-highlight"
|-
! 1 !! 2 !! 3
|-
| 1-1 || 2-1 || 3-1
|-
| 1-2 || 2-2 || 3-2
|}
Resultado renderizado
| 1 | 2 | 3 |
|---|---|---|
| 1-1 | 2-1 | 3-1 |
| 1-2 | 2-2 | 3-2 |
Ver também
[editar código]- {{shy}} – Pode ser usado para ajudar a estreitar colunas, adicionando um hífen suave a uma palavra para permitir que ela seja quebrada.
Mais predefinições de estilos para tabelas:
- {{sticky header}} - Faz com que os cabeçalhos das colunas permaneçam na parte superior da página enquanto você rola os dados da tabela.
- {{sort under}} - move as setas de ordenamento para baixo dos cabeçalhos.
- {{static row numbers}} - adiciona uma coluna de números de linha a uma tabela.
- {{alinhamento de tabela}} - alinha as células em uma coluna ou em toda a tabela.