Tabellen formatieren 10/2021
Problem: Wie kann man die Spaltenbreite begrenzen, ohne word-wrapping mit mehreren Zeilen (zB. Videothek) ??
Das funzt mit CSS-Klassen, zB:
.name {
white-space: nowrap;
max-width: 100px; overflow: hidden;
}
und <td class='name'>
| col 1 | col 2 |
|---|
| xxxx | aaaaaaaaaaa bbbbbbbbbb |
| xxxxxxxxxxxx yyyyyyyyyyyyyy zzz zzzzzzzzzzzz | aaaaaaaaaaa bbbbbbbbbb |
Sehr große, dynamisch erweiterte Tabellen (8/2024)
Tip: The main benefit of table-layout: fixed; is that the table renders much faster.
On large tables, users will not see any part of the table until the browser has rendered the whole table.
So, if you use table-layout: fixed, users will see the top of the table while the browser loads and renders rest of the table.
This gives the impression that the page loads a lot quicker!
Der Hinweis style="table-layout:fixed;" funktioniert nur bei fester Breite, zB width:100%;
Tabelle "table-layout:fixed; font-size:0.8em; width:100%;"
| n | IP | CC | City | Date | Request
| Status | Client | Referrer |
|---|
Tabelle style="table-layout:fixed; font-size:0.8em;"
| n | IP | CC | City | Date | Request
| Status | Client | Referrer |
|---|