JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
<div class="row">
		<div class="table-responsive">
			<table>
				<thead>
					<tr>
						<th>No</th>
						<th>Nama</th>
						<th>Alamat</th>
						<th>Umur</th>
						<th>Hobby</th>
						<th>Pekerjaan</th>
					<tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>Anto</td>
						<td>Jakarta</td>
						<td>30 Th</td>
						<td>Jalan-jalan</td>
						<td>IT</td>
					</tr>
					<tr>
						<td>2</td>
						<td>Salman</td>
						<td>Bogor</td>
						<td>20 Th</td>
						<td>Basket</td>
						<td>OB</td>
					</tr>
					<tr>
						<td>3</td>
						<td>Budi</td>
						<td>Bandung</td>
						<td>25 Th</td>
						<td>Futsal</td>
						<td>Admin</td>
					</tr>
					<tr>
						<td>4</td>
						<td>Andri</td>
						<td>Depok</td>
						<td>35 Th</td>
						<td>Traveling</td>
						<td>Teknisi</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>

CSS

.table-responsive {
  overflow-x: auto; 
}