JSFiddle - React, Tailwind, and code Playground

by mavent

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<table class="table 1table-striped table-condensed dataTable" id="mytable">
<thead>
<tr role="row">
<th class="sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" >some text</th>
<th class="sorting">DDD</th>
</tr>
</thead>
<tbody>

<tr class="odd">
<td>
<span><button class="btn btn-info btn-xs">2014 10:03</button> Some words are generally short and easy to read, butsomewordsareĞĞÜÜveryverylongIŞÖlikeethisssss  GAAAAAAAAAAAAAABBBBBBBBBBBBBbbbbbCCC
<a href="#"><i class="glyphicon glyphicon-share-alt"></i></a></span>
</td>
<td class=" ">
<span><button class="btn btn-primary btn-xs">1</button></span>
</td>
</tr>

<tr class="odd">
<td>
<span><button class="btn btn-success btn-xs">2014 10:03</button> Some words are generally short and easy to read, butsomewordsare veryverylonglikeethisssss  GAAAAAAAAAAAAAABBBBBBBBBBBBBbbbbbCCC
<a href="#"><i class="glyphicon glyphicon-share-alt"></i></a></span>
</td>
<td class=" ">
<span><button class="btn btn-primary btn-xs">1</button></span>
</td>
</tr>


</tbody></table>