jQuery https://jquery.com/
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript" src="pivot-table.js"></script>
</head>
<body>
<div class="w3-row w3-margin">
<div class="w3-col">
<table class="pivot-table">
<thead>
<tr>
<th>Id</th>
<th>Name and last name</th>
<th>E-mail</th>
</tr>
</thead>
<tr>
<td>1</td>
<td>Jon Doe</td>
<td>jon@company.com</td>
</tr>
<tr>
<td>2</td>
<td>Gina Frost</td>
<td>gina@company.com</td>
</tr>
<tr>
<td>3</td>
<td>Julius Black</td>
<td>julius@company.com</td>
</tr>
</table>
</div>
</div>
</body>
</html>
| Id | Name and last name | |
|---|---|---|
| 1 | Jon Doe | jon@company.com |
| 2 | Gina Frost | gina@company.com |
| 3 | Julius Black | julius@company.com |
After screen width limit achieved, the pivot table is activated. The limit screen is 600px by default, you can change this value directly in pivot-table.js in line var minWindowSize = 600;
| Id | valor 1 |
|---|---|
| Name and last name | valor 2 |
| valor 3 |
| Id | valor 1 |
|---|---|
| Name and last name | valor 2 |
| valor 3 |
| Id | valor 1 |
|---|---|
| Name and last name | valor 2 |
| valor 3 |