Hier ein Auszug aus einem html-code, der mir eine Tabelle baut, hier zu sehen nur die Tabellenköpfe.
<style>
table#foobar-table thead {
position: sticky;
}
table#foobar-table thead {
inset-block-start: 0;
}
table#foobar-table,
table#foobar-table > thead > tr > th,
table#foobar-table > tbody > tr > td {
border: Solid 1px #888888;
padding: 5px;
}
table#foobar-table > thead > tr {
background-color: #ED1C29;
}
table#foobar-table > tbody > tr:nth-child(even) {
background-color: #FFFFFF;
}
table#foobar-table > tbody > tr:nth-child(odd) {
background-color: #D5E2E9;
}
#foobar-table { margin-left: 1px; }
}
</style>
<p>
Das angegebene Datum ist das Datum der letzten Teilnahme. Ein Sternchen ("*") signalisiert die Fälligkeit zur Teilnahme oder Auffrischung, also wird sich der Themenverantwortliche demnächst melden. </p><p>Im Tabellenkopf ist jeweils das Thema, der Themenverantwortliche, sowie der nächste Regeltermin aufgeführt. </p><p><label>Filter/Suche: <input type="search" class="filter-table" data-for="#foobar-table" autofocus="autofocus"></label>
</p>
<table id="foobar-table">
<thead>
<tr>
<th>
Nachname
</th>
<th>
Vorname
</th>
<th>
Mitarbeitercode
</th>
<th>
Position
</th>
<th>
Bereich
</th>
<th>
Eintrittsdatum
</th>
<th>
Ersthelfer?
</th>
<th>
Brandschutzhelfer?
</th>
<th>
"01
PfT-HH"
<br>
Max
<br>
01.08.2022
</th>
<th>
"02
Softskills A"
<br>
Max
<br>
01.08.2022
</th>
<th>
"03
Arbeitsschutz"
<br>
Max
<br>
02.08.2022
</th>
<th>
04 Lagerschulung
<br>
Max
<br>
02.08.2022
</th>
<th>
"05
Sortimentsübersicht"
<br>
Max
<br>
02.08.2022
</th>
<th>
"06
Gevis Vertrieb"
<br>
Max
<br>
29.08.2022
</th>
<th>
"07
Gevis Logistik"
<br>
Max
<br>
30.08.2022
</th>
<th>
"08
Grundlagen Vertrieb"
<br>
Max
<br>
04.12.2023
</th>
<th>
"09
Softskills B"
<br>
Max
<br>
11.12.2023
</th>
<th>
"10
Bürokaizen"
<br>
Max
<br>
02.12.2024
</th>
<th>
"11
Ersthelfer"
<br>
Max
<br>
02.02.2023
</th>
<th>
"12
Brandschutzhelfer"
<br>
Max
<br>
02.02.2023
</th>
</tr>
</thead>
</tbody>
Nun möchte ich Spaltenbreiten erzwingen, das sollte doch eigentlich mit dem Code "width=xxx" zwischen in "<th>" funktionieren oder? Aber irgendwie haut das bei mir nicht hin. Weiß jemand Rat?
Bsp.:
<th width=300>Nachname</th>
<style>
table#foobar-table thead {
position: sticky;
}
table#foobar-table thead {
inset-block-start: 0;
}
table#foobar-table,
table#foobar-table > thead > tr > th,
table#foobar-table > tbody > tr > td {
border: Solid 1px #888888;
padding: 5px;
}
table#foobar-table > thead > tr {
background-color: #ED1C29;
}
table#foobar-table > tbody > tr:nth-child(even) {
background-color: #FFFFFF;
}
table#foobar-table > tbody > tr:nth-child(odd) {
background-color: #D5E2E9;
}
#foobar-table { margin-left: 1px; }
}
</style>
<p>
Das angegebene Datum ist das Datum der letzten Teilnahme. Ein Sternchen ("*") signalisiert die Fälligkeit zur Teilnahme oder Auffrischung, also wird sich der Themenverantwortliche demnächst melden. </p><p>Im Tabellenkopf ist jeweils das Thema, der Themenverantwortliche, sowie der nächste Regeltermin aufgeführt. </p><p><label>Filter/Suche: <input type="search" class="filter-table" data-for="#foobar-table" autofocus="autofocus"></label>
</p>
<table id="foobar-table">
<thead>
<tr>
<th>
Nachname
</th>
<th>
Vorname
</th>
<th>
Mitarbeitercode
</th>
<th>
Position
</th>
<th>
Bereich
</th>
<th>
Eintrittsdatum
</th>
<th>
Ersthelfer?
</th>
<th>
Brandschutzhelfer?
</th>
<th>
"01
PfT-HH"
<br>
Max
<br>
01.08.2022
</th>
<th>
"02
Softskills A"
<br>
Max
<br>
01.08.2022
</th>
<th>
"03
Arbeitsschutz"
<br>
Max
<br>
02.08.2022
</th>
<th>
04 Lagerschulung
<br>
Max
<br>
02.08.2022
</th>
<th>
"05
Sortimentsübersicht"
<br>
Max
<br>
02.08.2022
</th>
<th>
"06
Gevis Vertrieb"
<br>
Max
<br>
29.08.2022
</th>
<th>
"07
Gevis Logistik"
<br>
Max
<br>
30.08.2022
</th>
<th>
"08
Grundlagen Vertrieb"
<br>
Max
<br>
04.12.2023
</th>
<th>
"09
Softskills B"
<br>
Max
<br>
11.12.2023
</th>
<th>
"10
Bürokaizen"
<br>
Max
<br>
02.12.2024
</th>
<th>
"11
Ersthelfer"
<br>
Max
<br>
02.02.2023
</th>
<th>
"12
Brandschutzhelfer"
<br>
Max
<br>
02.02.2023
</th>
</tr>
</thead>
</tbody>
Nun möchte ich Spaltenbreiten erzwingen, das sollte doch eigentlich mit dem Code "width=xxx" zwischen in "<th>" funktionieren oder? Aber irgendwie haut das bei mir nicht hin. Weiß jemand Rat?
Bsp.:
<th width=300>Nachname</th>