JSFiddle - React, Tailwind, and code Playground
by MartinThoma
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<table class="table table-striped">
<tr>
<th>Country</th>
<th>Code</th>
<th>Phone</th>
<th>Language</th>
<th>Population</th>
<th>Banana Rama</th>
<th>Foo bar</th>
<th>Constants</th>
<th>Empty Cells</th>
<th>More</th>
<th>End</th>
</tr>
<tr>
<td>Germany</td>
<td>de</td>
<td>+49</td>
<td>German</td>
<td>82 Million</td>
<td>123asdf</td>
<td>asdfasdf asdfasf qwaerfasdfa asdfasdf asdf asdf</td>
<td>asd fasdf asdfa sdfa sdf asdf asdf asdfa sdf asd</td>
<td>-</td>
<td>asdf asdfasd fasdf asdfa sdfasdf</td>
<td>ad fasd fasd fasd fasdf asd fasdf as</td>
</tr>
<tr>
<td>France</td>
<td>fr</td>
<td>+01</td>
<td>French</td>
<td>70 Million</td>
<td>a asdfa sdf asdf asdf asdfasd asdf asdf asd fasd fasdfa sdf</td>
<td>aerte fasf werwasdfa sd3e asdf adfasdfe werfa sdfas</td>
<td>as dfasd fasd fasd fasd fasd </td>
<td></td>
<td>asd fasd fasdf asdf asd fasdf asdf asd fasdf asdf </td>
<td>as dfa sd asfdas asfd </td>
</tr>
<tr>
<td>Great Britain</td>
<td>uk</td>
<td>+02</td>
<td>English</td>
<td>60 Million</td>
<td>asdfasdf asdf asdfa sdf asdfasdf </td>
<td>asd fasdf asdf asdfwr wadfa sd f</td>
<td>ada asdf asd</td>
<td></td>
<td>a sd fasd fasdf asdf asdfa sdf a</td>
<td>asasd asdf asd fasd fas asd fasdf </td>
</tr>
<tr>
<td>United States of America</td>
...
CSS
@media print{
@page {size: landscape}
}
th {
color: red;
}