JSFiddle - React, Tailwind, and code Playground

by tiger

HTML

<table class="table">
    <tr>
        <td><input type="checkbox" /></td>
        <td>項目１１</td>
        <td>項目１２</td>
    </tr>
    <tr>
        <td><input type="checkbox" /></td>
        <td>項目２１</td>
        <td>項目２２</td>
    </tr>
    <tr>
        <td><input type="checkbox" /></td>
        <td>項目３１</td>
        <td>項目３２</td>
    </tr>
    <tr>
        <td><input type="checkbox" /></td>
        <td>項目４１</td>
        <td>項目４２</td>
    </tr>
</table>

CSS

.table {
    width: 100%;
    border-collapse: collapse;
}

.table tr:hover {
    background: #eee;
}

.table td {
    border: 1px solid #eee;
}

JavaScript

$(document).ready(function() {
    $('tr').click(function(event) {
       $(':checkbox', this).trigger('click');
    });
});