JSFiddle - React, Tailwind, and code Playground

by SchmalzyB

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<div class="panel panel-info">
    <div class="panel-heading">
       responsive table test
    </div>
    <div class="table-responsive">
        <table class="table table-condensed">
            <colgroup>
                <col style="width: 40%;" />
                <col style="width:30%;" />
                <col style="width:30%;" />
            </colgroup>
             <thead>
                <tr>
                    <th> test 1 </th>
                    <th> test 2 </th>
                    <th> test 3 </th>
                </tr>
              </thead>
              <tbody>
                <tr>
                 <td> ...dsgsdfggsdfg f </td>
                 <td> ..fdsgsgsdgfdsgdgfdgf. </td>
                 <td> ...sdfgsdfg sdg sd gfs dg sd g </td>
               </tr>
             </tbody>
         </table>
    </div>
 </div>