JSFiddle - React, Tailwind, and code Playground

by emilcieslar

HTML

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.1.1/foundation.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.1.1/foundation.min.css">
<div class="row">
  <div class="large-12 columns">
  
    <table class="scroll wide">
    
      <tr>
        <td>1</td>
        <td>Second</td>
        <td>Third</td>
        <td>Forth</td>
      </tr>
      
      <tr>
        <td>1</td>
        <td>Second</td>
        <td>Third</td>
        <td>Forth</td>
      </tr>
      
      <tr>
        <td>1</td>
        <td>Second</td>
        <td>Third</td>
        <td>Forth</td>
      </tr>
      
    </table>
  
  </div>
</div>

CSS

.wide {
  width: 100%;
}

JavaScript

$(document).foundation();