JSFiddle - React, Tailwind, and code Playground

HTML

Header
<div class="total">
    <table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
        <td>row 1, cell 3</td>
        <td>row 1, cell 4</td>
        <td>row 1, cell 5</td>
        <td>row 1, cell 6</td>
        <td>row 1, cell 7</td>
        <td>row 1, cell 8</td>
        <td>row 1, cell 9</td>
        <td>row 1, cell 10</td>
        <td>row 1, cell 11</td>
        <td>row 1, cell 12</td>
        <td>row 1, cell 13</td>
        <td>row 1, cell 14</td>
        <td>row 1, cell 15</td>
        <td>row 1, cell 16</td>
        <td>row 1, cell 17</td>
        <td>row 1, cell 18</td>
        <td>row 1, cell 12</td>
        <td>row 1, cell 13</td>
        <td>row 1, cell 14</td>
        <td>row 1, cell 15</td>
        <td>row 1, cell 16</td>
        <td>row 1, cell 17</td>
        <td>row 1, cell 18</td>
        <td>row 1, cell 12</td>
        <td>row 1, cell 13</td>
        <td>row 1, cell 14</td>
        <td>row 1, cell 15</td>
        <td>row 1, cell 16</td>
        <td>row 1, cell 17</td>
        <td>row 1, cell 18</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
        <td>row 2, cell 3</td>
        <td>row 2, cell 4</td>
        <td>row 2, cell 5</td>
        <td>row 2, cell 6</td>
        <td>row 2, cell 7</td>
        <td>row 2, cell 8</td>
        <td>row 2, cell 9</td>
        <td>row 2, cell 10</td>
        <td>row 2, cell 11</td>
        <td>row 2, cell 12</td>
        <td>row 2, cell 13</td>
        <td>row 2, cell 14</td>
        <td>row 2, cell 15</td>
        <td>row 2, cell 16</td>
        <td>row 2, cell 17</td>
        <td>row 2, cell 18</td>
        <td>row 1, cell 12</td>
        <td>row 1, cell 13</td>
        <td>row 1, cell 14</td>
        <td>row 1, cell 15</td>
        <td>row 1, cell 16</td>
        <td>row 1, cell 17</td>
        <td>row 1, cell 18</td>
        <td>row 1, cell 12</td>
        <td>row 1, cell 13</td>
        <td>row 1, cell 14</td>
        <td>row...

CSS

.total{
position:relative;
top:50px;
margin: 0 auto;
background-color:#eeeeee;
height:auto;
width:auto;
border:2px solid #000;
border-color:rgb(82,115,154);
overflow: hidden;
}