Fórum fixar uma thead de uma tabela e adicionar barra de rolagem na tbory #498490

20/10/2014

0

Front-end

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

Gostei + 0

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

Gostei + 0

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

Gostei + 0

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

Aceitar