JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <table style="width:100%" id="tableID">
        <tr>
            <td>Jill</td>
            <td>Smith</td>
            <td>50</td>
        </tr>
        <tr>
            <td>Eve</td>
            <td>Jackson</td>
            <td>94</td>
        </tr>
    </table>
    <button type="button" id="action">Click Me!</button>
    <div class="loading">Please Wait</div>
</section>

CSS

section {
    position: relative;
}
.loading{
    display: none;
    color: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

JavaScript

$('#action').on('click', function() {
    $('.loading').show();
});