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">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<div class="back">
  <div class="container">
    <div class="col m6">
        <div class="card">
          <div class="card-content"><span class="badge"><i class="material-icons dp48">search</i></span>
            <span class="card-title">My Left List
           <span class="new badge red" data-badge-caption="">4</span>
            </span>  
            <div class="table-responsive">
              <table class="table striped table-hover table-curved" ng-controller="Hello">
                <tbody>
                  <tr>
                    <td><b>12345</b></td>
                    <td>Random Text @</td>
                    <td><b>300121</b></td>
                  </tr>
                  <tr>
                    <td><b>12345678</b></td>
                    <td>Random Text @</td>
                    <td><b>300121</b></td>
                  </tr>
                  <tr>
                    <td><b>123</b></td>
                    <td>Random Text @</td>
                    <td><b>300121</b></td>
                  </tr>
                  <tr>
                    <td><b>123</b></td>
                    <td>Random Text @</td>
                    <td><b>300121</b></td>
                  </tr>
                  <tr>
                    <td><b>123</b></td>
                    <td>Random Text @</td>
                    <td><b>300121</b></td>
                  </tr>
                  <tr>
                    <td><b>123</b></td>
                    <td>Random Text @</td>
                    <td><b>300121</b></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="col m6">
        <div class="card">
          <div class="card-content">
            <span class="card-title">My...

CSS

.back {
  background-color: #03F3F2;
}

table.striped > tbody > tr > td:first-child {
  border-radius: 10px 0 0 10px;
}

table.striped > tbody > tr > td:last-child {
  border-radius: 0 10px 10px 0;
}

JavaScript

https://jsfiddle.net/norin89/tx3qpzsa/7/#