JSFiddle - React, Tailwind, and code Playground

by MasterAlex

HTML

<table>
    <tbody>
        <tr>
            <td>cell 1</td>
            <td>cell 2</td>
            <td>cell 3</td>
            <td>cell 4</td>
            <td>cell 5</td>
            <td>cell 6</td>
        </tr>
        <tr>
            <td>cell 1</td>
            <td>cell 2</td>
            <td>cell 3</td>
            <td>cell 4</td>
            <td>cell 5</td>
            <td>cell 6</td>
        </tr>
    </tbody>
</table>

<button>Click me</button>

CSS

table { margin: 0 auto;}
td{ border: 1px solid #ccc;}

JavaScript

$(document).ready(function() {
    var i = 0;
    $('button').click(function() {
        $('tr').prepend('<td>cell '+ i + '</td>');
        i = i - 1;
    });
});