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!

compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

2 respostas

Não é a resposta que estava procurando? Procure outras perguntas com as tags table scroll paixfilho ou faça a sua própria pergunta.