Selfhtml-Logo Tabelle mit „sticky“ Spalte 1

Style-Varianten
Ränder
Zell-Padding
   
   table {
      border-collapse: collapse;
      border-collapse: separate;
      border-spacing: 0;
      border-top: var(--border-width) solid var(--border-color);
   }

   th, td {
      padding: 0.2em 0.4em;
      padding: round(0.2em, 1px) round(0.4em, 1px);
      padding: 3px 6px;
      border: var(--border-width) solid var(--border-color);
      border-bottom: var(--border-width) solid var(--border-color);
      border-right: var(--border-width) solid var(--border-color);
   }
   
   :is(th, td):first-child {



      border-left: var(--border-width) solid var(--border-color);
      border-inline: 0;
      padding-inline: calc(0.4em + var(--border-width));
      background-image: linear-gradient(...);
   }
   
   :is(th, td):nth-child(2) {
  
      border-inline-start: 0;
   }
Datum Spalte 1Spalte 2Spalte 3Spalte 4Spalte 5Spalte 6Spalte 7Spalte 8
01.04.2024 Data 1Data 2Data 3Data 4Data 5Data 6Data 7Data 8
02.04.2024 Data 1Data 2Data 3Data 4Data 5Data 6Data 7Data 8
03.04.2024 Data 1Data 2Data 3Data 4Data 5Data 6Data 7Data 8
04.04.2024 Data 1Data 2Data 3Data 4Data 5Data 6Data 7Data 8
05.04.2024 Data 1Data 2Data 3Data 4Data 5Data 6Data 7Data 8
06.04.2024 Data 1Data 2Data 3Data 4Data 5Data 6Data 7Data 8