W3Schools Tryit Editor

<!DOCTYPE html>
<html lang="en">
<title>W3.CSS</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/6/w3.css">
<body class="w3-container">

<h2>Responsive Table</h2>
<p>Wrap a table in a <b>w3-responsive</b> container to allow horizontal scrolling when the table is wider than the available space.</p>
<p>The table below has a minimum width of 700px to make the scrolling effect easy to see.</p>
<p>Make the window narrower, then scroll horizontally to see the remaining columns.</p>

<div class="w3-responsive">
<table class="w3-table-all" style="min-width:700px">
  <tr>
    <th>First Name</th>
    <th>Last Name</th>
    <th>January</th>
    <th>February</th>
    <th>March</th>
    <th>April</th>
    <th>May</th>
    <th>June</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
    <td>62</td>
    <td>58</td>
    <td>71</td>
    <td>65</td>
    <td>80</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
    <td>88</td>
    <td>91</td>
    <td>85</td>
    <td>97</td>
    <td>93</td>
  </tr>
  <tr>
    <td>Adam</td>
    <td>Johnson</td>
    <td>67</td>
    <td>72</td>
    <td>69</td>
    <td>78</td>
    <td>74</td>
    <td>82</td>
  </tr>
</table>
</div>

</body>
</html>