JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%">
    <caption title="">Employees</caption>
    <thead>
        <tr>
            <th>column 1</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>cell 1</td>
        </tr>
    </tbody>
</table>
    
<br><br>
    getComputedStyle caption-side: {<span id="test"></span>}

CSS

caption
{
    caption-side:bottom;
}

JavaScript

var caption = document.getElementsByTagName('caption')[0];
caption.parentNode.removeChild( caption );

var style = window.getComputedStyle( caption, null );
var side =  style.getPropertyValue("caption-side");

document.getElementById('test').innerHTML = side;