Ajustar tamanho das tabelas.

[-=Érico=- 5]

Olá a todos,

 

Tenho duas tabelas centralizadas de tamanho indefinido, não há tamanho, elas se ajustam conforme as informações contidas nas celulas. Segue um exemplo:

 

<table>
<caption>Tabela 1</caption>
<thead>
<tr>
<th>Coluna 1</th>
<th>Coluna 2</th>
<th>Coluna 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Celula com um texto maior</td>
<td>Celula 2</td>
<td>Celula 3</td>
</tr>
</tbody>
</table>

<table>
<caption>Tabela 2</caption>
<thead>
<tr>
<th>Coluna 1</th>
<th>Coluna 2</th>
<th>Coluna 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Texto menor</td>
<td>Celula 2</td>
<td>Celula 3</td>
</tr>
</tbody>
</table>

Dessa maneira a tabela 1 terá um tamanho maior que a tabela 2, já que a primeira celula da tabela 1 possui mais dados que a primeira celula da tabela 2.

 

O que eu gostaria de fazer é ajustar a tabela 2 (menor) para que fique do mesmo tamanho da tabela 1 (maior).

 

Há alguma maneira de fazer isso?

 

Não há como eu colocar um tamanho fixo, porque as tabelas são completamente dinâmicas. Colunas e Linhas.

[DBB 0]

Amigo posso estar errado, mas veja se isso lhe ajuda:

 

1º - Envolver as 2 tabelas dentro de uma outra tabela ou div(aconselho div), que contenha um tamanho fixo!

2º - As tabelas de dentro sempre tem o tamanho de 100% já as celulas vem o seu conteúdo o que não importa.

 

Abaixo um exemplo em cima do seu modelo:

 

 

<div style="width:400px;">
<table width="100%">
<caption>Tabela 1</caption>
<thead>
<tr>
<th>Coluna 1</th>
<th>Coluna 2</th>
<th>Coluna 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Celula com um texto maior</td>
<td>Celula 2</td>
<td>Celula 3</td>
</tr>
</tbody>
</table>

<table width="100%">
<caption>Tabela 2</caption>
<thead>
<tr>
<th>Coluna 1</th>
<th>Coluna 2</th>
<th>Coluna 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Texto menor</td>
<td>Celula 2</td>
<td>Celula 3</td>
</tr>
</tbody>
</table>
</div>

 

Espero que te ajude.

[-=Érico=- 5]

Olá Danilo,

 

Eu havia tentado algo semelhante ao que você sugeriu.

 

Mas as tabelas tem tamanho dinâmico, pode ser que ela tenha uma coluna, como também pode ter 15 colunas, ou seja, pode ter mais que 400px, ou menos. Dessa maneira que você fez, estaria limitando a tabela a um tamanho especifico.

[DBB 0]

Sim, mas seu site não terá tamanho fixo na horizontal??? será corrido...

 

Outra solução é limitar a quantidade de registros em colunas, tipo: exibir 4 colunas, após isto exibe em baixo e assim vai.

[-=Érico=- 5]

Sim, mas seu site não terá tamanho fixo na horizontal??? será corrido...

 

Outra solução é limitar a quantidade de registros em colunas, tipo: exibir 4 colunas, após isto exibe em baixo e assim vai.

Sim, terá tamanho fixo.

 

É inviavel colocar colunas pra baixo, o relatório ficaria de dificil compreensão, imagine os registros de um relatório sendo mostrados, e depois o resto deles abaixo, e não do lado.

 

O que eu estou fazendo é um módulo para criação de relatórios, e o usuário quando vai criar o relatório, ele que define quais são os campos e quantos que serão selecionados do banco de dados.

 

Não dá para colocar um width 100% em um relatório que o usuário irá criar com apenas duas colunas, ficaria estranho.

Por isso que não dá pra fazer uma largura fixa.

 

Teria um jeito de fazer isso, colocando tudo em apenas uma tabela, e separando cada uma por um <tr></tr> em branco, mas eu realmente não queria fazer isso, mas pelo que eu estou vendo, não vai ter jeito.. xP