Versão atual:

Tabela com scroll horizontal

Olá pessoal,

Estou criando um formulário no Fluig com uma tabela pai x filho. Essa minha tabela possui várias colunas, algumas que sozinha precisam de ocupar mais de metade da área disponível (col-md-8). Sempre que crio uma linha nova, todas as colunas aparecem espremidas na tela e não é possível inserir nenhuma informação pela falta de espaço. Usei o método de inserir apenas um

dentro do e agrupar todas as células dentro de um , o que me trouxe um bom resultado visual, mas tive problemas por conta de ter apenas uma coluna na tabela dessa forma. Estou tentando inserir um scroll horizontal apenas na tabela, sem afetar o restante do formulário, mas até agora não consegui um bom resultado. Consegui apenas que o scroll ficasse na página inteira, através do código abaixo:

tr { max-width: 100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;

td{ display: inline-block; } }

Existe alguma maneira de utilizar o scroll apenas na tabela, sem afetar o restante do formulário?

Muito obrigado!

Versão (1):

Ver a versão formatada

Tabela com scroll horizontal

Comentário

new question