JSFiddle - React, Tailwind, and code Playground

by zfikar

HTML

<html>

  <head>

  </head>

  <body>
    <form>
      <pre>
Nama           : <input type="text" size="50"/>
      
Email          : <input type="email" size="50"/>
  
Password       : <input type="password" size="50"/>
      
Komentar       : 
<textarea cols="59" rows="5"></textarea>
      
Jenis Kelamin  : <input type="radio" name="gender"> Perempuan
                 <input type="radio" name="gender" checked> Laki-laki
                 
Hobi           : <input type="checkbox" name="hobi"> travelling
                 <input type="checkbox" name="hobi"> reading
      </pre>
    </form>
    <div style="overflow-x: auto; display: none">
      <table>
        <thead>
          <tr>
            <th rowspan="2">NO</th>
            <th rowspan="2">NPM</th>
            <th colspan="2">NAMA</th>
            <th colspan="4">ALAMAT</th>
          </tr>
          <tr>
            <th>FIRST</th>
            <th>LAST</th>
            <th>JALAN</th>
            <th>KELURAHAN</th>
            <th>KECAMATAN</th>
            <th>KOTA</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>01234567</td>
            <td>alfa</td>
            <td>mart</td>
            <td>jl. bali iv</td>
            <td>pondok benda</td>
            <td>pamulang</td>
            <td>tangerang selatan</td>
          </tr>
          <tr>
            <td>1</td>
            <td>01234567</td>
            <td>alfa</td>
            <td>mart</td>
            <td>jl. bali iv</td>
            <td>pondok benda</td>
            <td>pamulang</td>
            <td>tangerang selatan</td>
          </tr>
          <tr>
            <td>1</td>
            <td>01234567</td>
            <td>alfa</td>
            <td>mart</td>
            <td>jl. bali iv</td>
            <td>pondok benda</td>
            <td>pamulang</td>
            <td>tangerang selatan</td>
          </tr>
          <tr>
            <td>1</td>
            <td>01234567</td>
            <td>alfa</td>
...