Ir para conteúdo
Fórum Script Brasil
  • 0

A tabela responsiva


Frank K Hosaka

Pergunta

A tabela do diário contábil tem cinco colunas: lançamento, contaDevedora, contaCredora, Valor e Histórico.

Isso é bem fácil de mostrar num notebook de 14 polegadas, mas não é o caso do celular de 7 polegadas.

Pensei em ocultar a coluna do histórico, e a Gemini sugeriu esse código:

<table class="table table-responsive">
  <thead>
    <tr>
      <th>Coluna 1</th>
      <th>Coluna 2</th>
      <th>Coluna 3</th>
      <th>Coluna 4</th>
      <th class="d-none d-sm-table-cell">Coluna 5</th> </tr>
  </thead>
  <tbody>
    <tr>
      <td>Dado 1</td>
      <td>Dado 2</td>
      <td>Dado 3</td>
      <td>Dado 4</td>
      <td class="d-none d-sm-table-cell">Dado 5</td> </tr>
  </tbody>
</table>

Eu testei, e funcionou. Para ver a coluna do histórico, basta mudar o celular para o modo paisagem.

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...