<table class="table table-zebra table-hover">
      <thead>
      <tr>
         <th>Buyer</th>
         <th>Seller</th>
         <th>Date</th>
      </tr>
      </thead>
      <tfoot>
    <tr>
      <td></td>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
      <tbody>
      <tr>
         <td>Bob Marley</td>
         <td>Ziggi Marley</td>
         <td>11/11/13</td>
      </tr>
      <tr>
         <td>Manu Chao</td>
         <td>Chao Chao</td>
         <td>11/11/13</td>
      </tr>
      <tr>
         <td>Rio Grande</td>
         <td>Monte Grande</td>
         <td>11/11/13</td>
      </tr>
      <tr>
         <td>Bob Marley</td>
         <td>Ziggi Marley</td>
         <td>11/11/13</td>
      </tr>
      <tr>
         <td>Bob Marley</td>
         <td>Ziggi Marley</td>
         <td>11/11/13</td>
      </tr>
      <tr>
         <td>Bob Marley</td>
         <td>Ziggi Marley</td>
         <td>11/11/13</td>
      </tr>
      </tbody>
   </table>
.table {
	max-width:100%;
	background-color:transparent;
	border-collapse:collapse;
	border-spacing:0;
  font-family: 'Droid Serif', serif;
}
.table {
	width:100%;
	margin-bottom:20px;
}
.table th,.table td {
	padding:15px;
	line-height:20px;
	text-align:left;
	vertical-align:top;
}

.table-zebra tbody>tr:nth-child(odd)>td,.table-zebra tbody>tr:nth-child(odd)>th {
	background-color:#f4f4f4;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.