JSFiddle - React, Tailwind, and code Playground

by jdarville

HTML

<table id="table1">
 
            <!-- TABLE HEADER-->
            <thead>
               
                <tr>
                    <th>Wells</th><th>Month</th><th>Rate</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="p">FMV O Down</td><td class="i">36</td><td class="n">.02881</td><td class="z">.02881</td>
                </tr>
                <tr>
                    <td class="p">FMV O Down</td><td class="i">36</td><td class="n">.02751</td><td class="z">.02881</td>
                 </tr>
                <tr>
                    <td class="p">FMV O Down</td><td class="i">48</td><td class="n">.02351</td><td class="z">.02881</td>
                 </tr>
                <tr>
                    <td class="p">FMV O Down</td><td class="i">60</td><td class="n">.0194</td><td class="z">.02881</td>
                 </tr>
                <tr>
                    <td class="p">FMV O Down</td><td class="i">63</td><td class="n">.0192</td><td class="z">.02881</td>
                 </tr>
                <tr>
                    <td class="p">$1 Out</td><td class="i">36</td><td class="n">.0340</td><td class="z">.02881</td>
                 </tr>
                <tr>
                    <td class="p">$1 Out</td><td class="i">39</td><td class="n">.0340</td><td class="z">.02881</td>
                 </tr>
                <tr>
                    <td class="p">$1 Out</td><td class="i">48</td><td class="n">.0270</td><td class="z">.02881</td>
                 </tr>
                <tr>
                    <td class="p">$1 Out</td><td class="i">60</td><td class="n">.0228</td><td class="z">.02881</td>
                 </tr>
                <tr>
                    <td class="p">$1 Out</td><td class="i">63</td><td class="n">.0220</td><td class="z">.02881</td>
                 </tr>
            </tbody>
         </table>

JavaScript

$('#table1 td').wrapInner('<div class="no-overflow"></div>');