JSFiddle - React, Tailwind, and code Playground

HTML

<div class="responsive-table">
	<div class="left-table">
		<table>
			<thead>
				<tr>
					<th>ID</th>
					<th>Customer ID</th>
					<th>Name</th>
					<th>Email</th>
					<th>Address</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1</td>
					<td>342345</td>
					<td>Joe Bloggs</td>
					<td>joe@bloggs.com</td>
					<td>12 Fake st, Fake name, Fake Town, Fake country</td>
				</tr>
				<tr>
					<td>2</td>
					<td>546452</td>
					<td>Jane Doe</td>
					<td>jane@me.com</td>
					<td>12 Buckingham Palace, London, The queens house</td>
				</tr>
				<tr>
					<td>3</td>
					<td>635252</td>
					<td>John Doe</td>
					<td>John@me.com</td>
					<td>Main address</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="right-table">
		<table>
			<thead>
				<tr>
					<th>Action</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>
						<button>Edit</button>
					</td>
				</tr>
				<tr>
					<td>
						<button>Edit</button>
					</td>
				</tr>
				<tr>
					<td>
						<button>Edit</button>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>

CSS

.left-table {
    max-width:90%;
    overflow:auto;
    float:left;
}
.right-table {
    float:left;
    width:10%;
}

table {
    border:1px solid;
}
table tr {
    border:1px solid;
}