Klebender Header

This commit is contained in:
Lordmau5 2023-08-08 14:46:10 +02:00
parent 82b01a0d93
commit 5f4b077e2c

View File

@ -60,7 +60,8 @@
</q-card-section>
<q-table
style="height: 350px"
class="witzigeTabelleMitKlebendemHeader"
dense
:rows="tabellenReihen"
:columns="tabellenSpalten"
separator="cell"
@ -177,7 +178,8 @@
</q-card-section>
<q-table
style="height: 350px"
class="witzigeTabelleMitKlebendemHeader"
dense
:rows="gequetschteTabellenReihen"
:columns="tabellenSpalten"
separator="cell"
@ -227,7 +229,8 @@
</q-card-section>
<q-table
style="height: 350px"
class="witzigeTabelleMitKlebendemHeader"
dense
:rows="blechGesprächZeilen"
:columns="blechGesprächSpalten"
separator="cell"
@ -508,6 +511,20 @@ const personenAuswahlMöglichkeiten = computed(() => {
</script>
<style>
.witzigeTabelleMitKlebendemHeader {
height: 400px;
}
.witzigeTabelleMitKlebendemHeader thead tr th {
position: sticky;
z-index: 1;
}
.witzigeTabelleMitKlebendemHeader thead tr:first-child th {
top: 0;
background-color: #323232;
}
.ichGehInDieDisko {
animation: diskoNeu v-bind(blechDiskoGeschwindigkeit) linear infinite;
background: linear-gradient(238deg, #7c4200, #760043, #4c007e, #001f86, #005a68, #194830);