JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/css/materialize.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

               <table class="">
                  <tbody>
                     <tr>
                        <td class="pad-l-15"><b>12345</b></td>
                        <td>Random Text @</td>
                        <td><b>3001211</b></td>
                     </tr>
                     <tr>
                        <td class="failed pad-l-15"><b>12345678</b></td>
                        <td class="failed">Random Text @</td>
                        <td class="failed"><b>300121</b></td>
                     </tr>
                     <tr>
                        <td class="pad-l-15"><b>123</b></td>
                        <td>Random Text @</td>
                        <td><b>300121</b></td>
                     </tr>
                     <tr>
                        <td class="pad-l-15"><b>123</b></td>
                        <td>Random Text @</td>
                        <td><b>300121</b></td>
                     </tr>
                     <tr>
                        <td class="pad-l-15"><b>123</b></td>
                        <td>Random Text @</td>
                        <td><b>300121</b></td>
                     </tr>
                     <tr>
                        <td class="pad-l-15"><b>123</b></td>
                        <td>Random Text @</td>
                        <td><b>300121</b></td>
                     </tr>
                  </tbody>
               </table>