Muita gente ainda usa tabelas para fazer o layout de controles, dados, etc. - Um exemplo disso é o popular jqGrid. No entanto, há alguma magia acontecendo que eu não consigo entender (suas tabelas por amor de Deus, quanta magia poderia haver?)
Como é possível definir uma tabela's de largura de coluna e tê-la obedecida como a jqGrid faz!? Se eu tentar replicar isso, mesmo que eu configure cada <td style='width: 20px'>
, assim que o conteúdo de uma dessas células for maior que 20px, a célula se expande!
Alguma ideia ou percepção?
Você poderia tentar utilizar o estilo <col>
tag manage table styling para todas as linhas, mas você precisará definir o estilo table-layout:fixed
no <table>
ou a classe css das tabelas e definir o estilo overflow
para as células
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col
<table class="fixed">
<col width="20px" />
<col width="30px" />
<col width="40px" />
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>
e este seja o seu CSS
table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
table {
table-layout:fixed; width:200px;
}
table tr {
height: 20px;
}
10x10