Usar CSS para escrever em TD

[FabianoSouza 5]

Estou pesquisando a propriedade Content do CSS. Pelo que percebi ela pode ser usada para escrever valores dentro de alguma tag HTML.

 

Preciso que todas as tags TH tenham escrito o valor "!" dentro da tag, não antes nem depois dela.

 

Como faço?

[FabianoSouza 5]

CORREÇÃO:

 

Estou pesquisando a propriedade Content do CSS. Pelo que percebi ela pode ser usada para escrever valores antes ou depois de alguma tag HTML.

 

Preciso que todas as tags TH tenham escrito o valor "!" dentro da tag, não antes nem depois dela.

 

Como faço?

[Marlon Pacheco 132]

Buenas tchê.

 

É algo mais ou menos assim (http://codepen.io/marlonlp/pen/xbbVYN) que você procura?

[FabianoSouza 5]

Olá Marlon. É por aí...

Mas quero saber se é possível escrever dentro de uma tag (TD, no meu caso). Não antes (usando o before) e nem depois (usando o after).

 

Pra que preciso disso?

 

Tenho um grid na página. O grid tem seu rescpectivo cabeçalho, feito com tags TH.

Quero que cada TH tenha um .gif (ou um texto mesmo) indicando que aquela coluna da tabela permite ser classificada em ordem alfabética.

 

Sabe aquelas setinhas que têm no cabeçalho dos grids? Então, é isso que quero.

Quero evitar colocar isso diretamente no código pq são muitos grids que existentes.

Se for pelo CSS num tiro eu altero todos.

 

Algo como <th>Nome da coluna ---aqui ficaria o .gif---</th>

 

Por enquanto vou usar com after mesmo. Dá para ir quebrando o galho.

Mas se fosse possível escrever dentro da TH, seria melhor.

[wilnet 92]

Olá Fabiano blza!

 

Não sei direito o que precisa.

 

Mas como falou sobre grids, ordenar... tem esse link sobre isso.

 

Não sei se tem a ver ou nada a ver, mas segue o LINK

 

vlw

[FabianoSouza 5]

Olá Fabiano blza!

 

Não sei direito o que precisa.

 

Mas como falou sobre grids, ordenar... tem esse link sobre isso.

 

Não sei se tem a ver ou nada a ver, mas segue o LINK

 

vlw

 

Olá Wilnet.

Guardei o link. Muito bom!

 

Buenas tchê.

 

É algo mais ou menos assim (http://codepen.io/marlonlp/pen/xbbVYN) que você procura?

 

Ah... nada como tomar um café e retomar a prog. Refresca as ideis heheh

Simples. Só usar a imagem como background da tag TH.

Depois, pelo JS eu altero essa propriedade do CSS da tag no OnClick, conforme a o status de classificação (crescente, decrescente ou não classificado).

 

Bingo!

 

Brigado, Marlon!

[FabianoSouza 5]

Ah, um entendimento que só tive agora.

Usar

th::before {
  content: "!";
}

ou

th::after {
  content: "!";
}

Não significa escrever antes ou depois da tag (TH, no caso).

Significa escrever antes ou depois do conteúdo da tag.

 

Só agora compreendi isso.

 

:yes: :clap: