Este tutorial tem o objetivo de orientar sobre o ajuste em tabelas criadas no site, como as de Programação ou Cronograma por exemplo, que possam ficar muito grandes, dificultando a visualização da tabela no celular.
Abaixo temos a tabela configurada sem o ajuste de tabela responsiva:
Visualização no celular:
Como ajustar a tabela para responsiva:
1. Realize o login no sistema e acesse a página externa que contém a tabela que deseja ajustar, e clique em Editar.
Iremos aplicar um comando HTML para adicionar uma barra de rolagem na tabela, assim aparecerá corretamente na tela do celular.
2. Após clicar no Editar, clique na opção HTML da caixa de edição do conteúdo:
3. Na janela HTML, antes da tabela (identificada como a linha <table border=...>, devemos adicionar a linha <div class="table-responsive"> , conforme abaixo, após adicionar esta linha clicar em Atualizar:
4. Após clique em Salvar.
Veremos que na visualização estará aparecendo corretamente, enquadrado ao restante do conteúdo a tabela, com a barra de rolagem:
Veja nosso tutorial em vídeo:
Em caso de dúvidas, entre em contato conosco através do suporte@dype.com.br