fixar uma thead de uma tabela e adicionar barra de rolagem na tbory

20/10/2014

0

Galera, utilizo o Bootstrap v2. Criar as tabelas com ele é tranquilo, porém gostaria de congelar a primeira linha (thead) e adicionar uma barra de rolagem na tbory. até ai eu consegui fazer, porém como essa tabela possui várias colunas, e cada um com um tipo de informação, logo cada uma tera um tamanho diferente. Por causa disso as minhas colunas ficam diferentes das colunas na tbory, alguem conhece fazer isso??
Claudio Lopes

Claudio Lopes

Responder

Posts

20/10/2014

Leonardo Mendonça

Fala Din

Posta o código da table pra melhor entendimento.
Responder

20/10/2014

Claudio Lopes

Leo é uma table normal


<table>
    <thead>
        <tr>
			<th>hey</th>
			<th>ho</th>
		</tr>
    </thead>
    <tbody>
        <tr>
			<td>test</td>
			<td>test</td>
		</tr>
        <tr>
			<td>test</td>
			<td>test</td>
		</tr>
        <tr>
			<td>test</td>
			<td>test</td>
		</tr>
	</tbody>
<table> 


mas a thead tem que ficar fixa e a tbory tem que ter uma barra de rolagem, uso o bootstrapv2
Responder

09/03/2017

Cristofer Sousa

Man,

Faça á troca pelo BS3 e adiciona a classe .table-responsive:

 <div class="table-responsive"> 
      <table class="table table-hover table-striped">
     </table>
 </div>



[ ],s
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar