JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table">
    <tbody>
        <tr>
            <th>Heading</th>
            <th>Heading</th>
        </tr>
    
        <tr>
            <td>104300324384</td>
            <td>32121</td>
        </tr>
    </tbody>
</table>
<input type="button" value="select table" onclick="selectElementContents( document.getElementById('table') );">

JavaScript

function selectElementContents(el) {
    var body = document.body,
        range, sel;
    if (document.createRange && window.getSelection) {
        range = document.createRange();
        sel = window.getSelection();
        sel.removeAllRanges();
        try {
            range.selectNodeContents(el);
            sel.addRange(range);
        } catch (e) {
            range.selectNode(el);
            sel.addRange(range);
        }
    } else if (body.createTextRange) {
        range = body.createTextRange();
        range.moveToElementText(el);
        range.select();
    }
}