JSFiddle - React, Tailwind, and code Playground

by nate

HTML

<table>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
        <td>bar</td>
    </tr>
    <tr>
        <td>foo</td>
       ...

CSS

table {
    border-collapse: collapse;
    background-image: url(http://placekitten.com/100/800);
    background-position: 100% 0;
    background-repeat: repeat-y;
    /* Set the background image to be 20% of the width of the table, and 800px */
    background-size: 20% 800px;
    width: 100%;
}

td {
    border: 5px solid orange;
}