Viele Leute verwenden immer noch Tabellen für das Layout von Steuerelementen, Daten usw. - Ein Beispiel dafür ist das beliebte jqGrid. Allerdings gibt es einige Magie geschieht, dass ich nicht scheinen zu ergründen (seine Tabellen für crying out loud, wie viel Magie könnte es möglicherweise sein?)
Wie ist es möglich, eine Tabelle zu setzen & #39; s Spaltenbreite und haben es gehorcht wie jqGrid tut! Wenn ich versuche, dies zu replizieren, selbst wenn ich jedes <td style='width: 20px'>
, sobald der Inhalt einer dieser Zellen ist größer als 20px, die Zelle expandiert!
Irgendwelche Ideen oder Erkenntnisse?
Sie könnten versuchen, mit dem Tag "col" die Tabellengestaltung für alle Zeilen zu verwalten, aber Sie müssen den Stil "table-layout:fixed" für "table" oder die CSS-Klasse "tables" einstellen und den Stil "overflow" für die Zellen festlegen.
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>
und dies ist Ihr CSS
table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
table td
{
table-layout:fixed;
width:20px;
overflow:hidden;
word-wrap:break-word;
}
table {
table-layout:fixed; width:200px;
}
table tr {
height: 20px;
}
10x10