JSFiddle - React, Tailwind, and code Playground

by gsguma

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<table id="table_geoid" class="table table-striped" aria-describedby="table_geoid_info">
    <thead>
        <tr>
            <th>GeoID</th>
            <th>GeoID</th>
            <th>GeoID</th>
            <th>GeoID</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
    </tbody>
</table>

CSS

body {
    margin: 10px
}
.tableaa th {
    background-color: #FBFBFB;
    background-image: -moz-linear-gradient(top, white, whiteSmoke);
    background-image: -ms-linear-gradient(top, white, whiteSmoke);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(whiteSmoke));
    background-image: -webkit-linear-gradient(top, white, whiteSmoke);
    background-image: -o-linear-gradient(top, white, whiteSmoke);
    background-image: linear-gradient(top, white, whiteSmoke);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
}