JSFiddle - React, Tailwind, and code Playground

by bairog

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

  <div class=table-wrapper>
		<table class="table table-earnings table-earnings__challenge">
                <thead>
                    <tr>
                        <th>TITLE</th>
                        <th>DATE TAKEN</th>
                        <th>STATUS</th>
                        <th>AMOUNT</th>
                    </tr>                
                </thead>
                <tbody>
                    <tr>
                        <td>Day 1</td>
                        <td>11/08/2016</td>
                        <td><img src="https://www.srx.com.sg/srx/home/images/tracker/icon_social_sms.png" alt=""></td>
                        <td>$1.00</td>
                    </tr>       
										<tr>
                        <td>Day 1</td>
                        <td>11/08/2016</td>
                        <td><img src="https://www.srx.com.sg/srx/home/images/tracker/icon_social_sms.png" alt=""></td>
                        <td>$1.00</td>
                    </tr>        
										<tr>
                        <td>Day 1</td>
                        <td>11/08/2016</td>
                        <td><img src="https://www.srx.com.sg/srx/home/images/tracker/icon_social_sms.png" alt=""></td>
                        <td>$1.00</td>
                    </tr>        
										<tr>
                        <td>Day 1</td>
                        <td>11/08/2016</td>
                        <td><img src="https://www.srx.com.sg/srx/home/images/tracker/icon_social_sms.png" alt=""></td>
                        <td>$1.00</td>
                    </tr>        
										<tr>
                        <td>Day 1</td>
                        <td>11/08/2016</td>
                        <td><img src="https://www.srx.com.sg/srx/home/images/tracker/icon_social_sms.png" alt=""></td>
                     ...

CSS

.table-wrapper {
  max-height: 200px;
	width: 100%;
  overflow: auto;
  display:inline-block;
}
.table-earnings {
	background: #F3F5F6;
}