1

Estou utilizando o componente jQuery Datatable. Na visualização no computador a tabela com o campo de pesquisa está ok, mas ao visualizar no celular o campo ultrapassa o painel onde está inserido, como pode ser visualizado na imagem abaixo:

inserir a descrição da imagem aqui

Como posso resolver isso?

2
  • 1
    Tenta isso no seu CSS: input[type="search"]{ max-width: 10%; }... a intenção é deixar muito pequeno para ver se surte efeito... aí vc aumenta esse valor de 10% até ficar no tamanho ideal.
    – Meu ovo
    19/06/2018 às 23:04
  • Obrigado pela ajuda.
    – Henqsan
    20/06/2018 às 21:47

1 Resposta 1

1

Insira no seu CSS uma estilo para limitar a largura do input:

input[type="search"]{
    max-width: 80%;
}

O seletor input[type="search"] pega o elemento de busca padrão do Datatables. Ajuste o valor de 80% para mais ou para menos conforme não ultrapasse o painel.

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 .