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

Quebra de linha em tabela usando Bootstrap


flaviokowalske

Pergunta

Com fazer uma quebra de linha ta THEAD da tabela abaixo usando Bootstrap?

<table class="table table-hover table-bordered p-0 m-0 table-sm">
	<thead class="table-warning">
		<tr>
			<th scope="col" class="text-center"><strong><small>Consumo dia (L)</small></strong></th>
			<th scope="col" class="text-center"><strong><small>Consumo noite (L)</small></strong></th>
			<th scope="col" class="text-center"><strong><small>Consumo médio (L)</small></strong></th>
			<th scope="col" class="text-center"><strong><small>Consumo total (L)</small></strong></th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td class="text-center align-bottom"><small><em>1000</em></small></td>
			<td class="text-center align-bottom"><small><em>2000</em></small></td>
			<td class="text-center align-bottom"><small><em>1500</em></small></td>
			<td class="text-center align-bottom"><small><em>3000</em></small></td>
		</tr>
	</tbody>
</table>

 

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Olá!
Cada linha(aquilo que contém as células) em uma tabela é gerada por <tr> table rule (linha de tabela)
 

Logo, uma thead com duas linhas seria:
<thead>
   <tr>...</tr>  // linha 1
   <tr>...</tr>  // linha 2
</thead>

Editado por wash
Link para o comentário
Compartilhar em outros sites

  • 0
Em 16/11/2020 em 12:49, wash disse:

Olá!
Cada linha(aquilo que contém as células) em uma tabela é gerada por <tr> table rule (linha de tabela)
 

Logo, uma thead com duas linhas seria:
<thead>
   <tr>...</tr>  // linha 1
   <tr>...</tr>  // linha 2
</thead>

Na verdade preciso quebrar o texto dentro da célula.

Link para o comentário
Compartilhar em outros sites

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
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...