JSFiddle - React, Tailwind, and code Playground

HTML

<table class="grid">
    <tr>
        <td class="no-border">1</td>
        <td class="no-border">2</td>
        <td class="no-border">3</td>
        <td class="no-border">4</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>       
    </tr>
    <tr>
        <td class="no-border">2</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>       
    </tr>
    <tr>
        <td class="no-border">3</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>       
    </tr>
    <tr>
        <td class="no-border">4</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
       ...

CSS

.grid { margin:1em auto; border-collapse:collapse; }
.grid td {
    cursor:pointer;
    width:16px; height:16px;
    border:1px dotted #ccc;
    background-color:white;
}
.grid td.clicked {
    background-color:black;
}

.grid td.no-border {border:1px solid #e5e5e5;background:#e5e5e5}

JavaScript

$("td").bind("click", function(){
    // change style here
    $(this).toggleClass("clicked");
});