0

Tenho um modal bootstrap e nele eu exibo uma tabela, Porém quando essa tabela retornar muitos registros o modal acaba transbordando para fora da tela, E não da para ver o fim do modal como na imagem: inserir a descrição da imagem aqui

Esse problema incomoda pois tem registros que ficam abaixo escondido e não da para selecionar, No caso tem que diminuir o zoom para conseguir exibir o modal por completo. No zoom fica assim: inserir a descrição da imagem aqui

Gostaria de uma forma de esse modal não ultrapassar os limites da tela/monitor assim como faz para as margens superior e lateral, Já tentei com max-heigth mas sem sucesso.

2
  • Acho que tem que mexer é na altura da div "Clientes", e não na modal. Tenta setar um max-height na div "Clientes" no CSS ou direto na tag, tipo <div style="max-height:...
    – Meu ovo
    1/11/2017 às 10:42
  • Consegui com max-height na classe modal-content usando max-heigth:100vh onde vh seria o limite da tela mesmo, no modal funcionaou agora a tabela esta estourando o modal, Preciso conseguir fazer ela ficar no limite mo modal tambem 3/11/2017 às 17:42

1 Resposta 1

-1

Coloca na classe CSS da modal o seguinte:

overflow: scroll; 

ou

overflow: hidden;
2
  • Resolveu em partes, com o scroll não precisa dar o Zoom, Porém eu precisava que o modal se ajustasse para não ultrapassar o fim da tela e esse scroll ficasse na tabela 3/11/2017 às 17:07
  • Verifica os height do css, coloca um min-height: 500px e height: auto. Caso contrário vai ter que resolver com javascript. 4/11/2017 às 18:32

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .