Tabelas da lista de usuários transbordando o div pai?

Isso destaca um pequeno problema com a rolagem infinita e tabelas largas… Eu demonstro isso aqui:

O comportamento atual é que rolamos toda a aplicação horizontalmente nesses casos… geralmente tentamos evitar isso, mas se você assistir à segunda metade do vídeo, verá que tentar resolver isso pode piorar as coisas. Se ocultarmos o overflow e adicionarmos uma barra de rolagem horizontal apenas para rolar o excesso da tabela, a barra de rolagem fica na parte inferior da tabela e não fixada na parte inferior da viewport… então é realmente difícil de alcançar quando estamos carregando novos resultados conforme você rola.

Acho que a melhor opção é provavelmente adicionar outra barra de rolagem no topo das tabelas com overflow, usando algum JavaScript?

1 curtida