Rolagem de mesa toom no IE8
No meu projeto, estou tentando fazer com quetbody
rolar no IE8. Eu sei que pode ser rolado por apenas dandooverflow: auto
paratbody
. Mas isso não funciona no IE8. Para fazê-lo funcionar no IE8, otbody
Deve ser dadoposition: absolute
(oufloat: left
para ambosthead
etbody
). Se eu fizer ooverflow: auto
trabalho, em seguida, as larguras que eu atribuí aoth
etd
em porcentagens está sendo ignorado. que por sua vez não deixa otr
ocupar toda a largurathead
etbody
. Portanto, há um espaço irritante entretr
etbody
/thead
.
Por favor, teste issodemonstração no IE8. (funciona bem no firefox e no cromo)
e aqui está o código emviolino.
Aqui estão os pontos estritos que eu não posso mudar
Largura paratd
eth
deve estar em porcentagens.Não consigo alterar a marcação HTMLDeve ser resolvido usando apenas CSS.Na verdade, eu resolvi isso com uma correção suja que é a seguinte
th:after,td:after{ /* only to the last column, first occurence */
content: "...................................................";
visibility: hidden;
}
O código acima também pode ser verificado, dando muitos pontos para um td / th específico em ferramentas de desenvolvedor
O código acima parece ok, mas eu preciso dar o:after
pseudo seletor apenas para a primeira linha da última colunath
etr
. Se eu der para cadath
etr
então o layout está bagunçado. e também odots
deve ser aumentado se o espaço vazio entre otr
etbody
é mais. Então, é claro, isso só poderia ser conseguido dinamicamente, o que não posso fazer no meu projeto atual.
PS:Eu talvez fazendo isso completamente errado. Estou apenas compartilhando meus esforços onde cheguei muito perto do resultado.