Membuat tabel scroll vertikal otomatis dengan header tetap

saya punya tabel

<table>
    <thead>
      <tr>
         <th>header1</th>
         <th>header2</th>
         <th>header3</th>
         <th>header4</th>
      </tr>
    </thead>
    <tbody>
         <tr>
            <td>cont1</td>
            <td>cont2</td>
            <td>cont3</td>
            <td>cont4</td>
         </tr>
         <tr>
            <td>cont1</td>
            <td>cont2</td>
            <td>cont3</td>
            <td>cont4</td>
         </tr>
         <tr>
            <td>cont1</td>
            <td>cont2</td>
            <td>cont3</td>
            <td>cont4</td>
         </tr>
         <tr>
            <td>cont1</td>
            <td>cont2</td>
            <td>cont3</td>
            <td>cont4</td>
         </tr>
         ...
    </tbody>
</table>

ketika user membuka halaman, otomatis tbody nya scroll keatas dan thead tetap. saya sudah coba pake marquee tapi hasilnya tidak seperti yang diharapkan, thead nya ikut berjalan.

avatar ambangku
@ambangku

9 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

1 Jawaban:

coba pake ini .fixed_header tbody{ display:block; overflow:auto; height:200px; width:100%; } .fixed_header thead tr{ display:block; }

avatar ArfinMustofa
@ArfinMustofa

29 Kontribusi 14 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban