Boa noite. Estou com um problema que não consigo resolver. Possuo uma tabela com muitas colunas. Preciso que ela tenha o thead fixo e que tenha rolagem horizontal, porque são 25 colunas e normalmente não cabe nas telas.
Sempre que consigo por da maneira que quero, com o thead fixo, ele não corre para o lado, como o tbody.
Preciso de uma luz. Abraços
Olá Pedro,
veja se a ideia desse link te ajuda:
http://www.w3schools.com/cssref/pr_pos_overflow.asp
Se não, aguarde por mais respostas
Att,
Oi Pedro, tudo bem?
Eu faria colocando um position: fixed no thead.
Achei esses dois links que podem te ajudar:
https://jsfiddle.net/dPixie/byB9d/3/
http://codepen.io/jgx/pen/wiIGc
Abcs!
Obrigado pela ajuda, pessoal. Ja havia me deparado com esses links pelo google. Porem não obtive sucesso ao inseri-las no código aqui. Num pagina limpas, até fica legal, e com poucas colunas.
Natan, utilizando o position: fixed no thead impede que o rolamente horizontal dele. Isso me ajudaria bastante mesmo. Alguma outra ideia?
Pedro, o cara que mais me agradou até agora é esse aqui:
https://datatables.net/examples/basic_init/scroll_y.html
Basicamente é um plugin do jQuery, porém acho que é muita coisa só pra deixar um <thead> fixo. :(
Fala Fabrício. O https://datatables.net/ é bem maneiro mesmo. E concordo contigo. O lance é que já esta tudo com angular. De todo moto, muito obrigado pela ajuda, pessoal.