JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tb1" border="1">
            <tr>
                <td>Title 1</td>
                <td>Title 2</td>
                <td>Title 3</td>
                <td>Title 4</td>
            </tr>
        </table>
    
        <table id="tb2" border="1">
            <tr>
                <td>Content 00001</td>
                <td>Content 02</td>
                <td>Content 0000000000003</td>
                <td>Content 000000000000000000004</td>
            </tr>
        </table>

CSS

#tb1 {
    width: 100%;
}

#tb2 {
    width: 100%;
}

#tb2 td {
    word-break:break-all;
}

JavaScript

function SetSize() {
        var i = 0;
        $("#tb2 tr").first().find("td").each(function() {
            $($("#tb1 tr").first().find("td")[i]).width(
                $(this).width()
            );
            i++;
        });
    }
    $(window).resize(SetSize);
    SetSize();