JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width: 300px;"><!-- change width to test -->
    <tbody>
        <tr>
            <td style="width: 100%;">
                <table style="width: 100%">
                    <tbody>
                        <tr>
                            <td style="border: 0pt none;">
                                <div style="position: relative;overflow:hidden">
                                    <p>&nbsp;</p>
                                    <p style="overflow:hidden;text-overflow: ellipsis;position: absolute; top: 0pt; left: 0pt;width:100%">This cells has more conteasdasdasdsaddsnt</p>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
            <td style="white-space:nowrap">Less content here</td>
        </tr>
    </tbody>
</table>

CSS

table{border:0;border-collapse:collapse}
td{border:1px solid #ccc;padding:5px 0 5px 2px;white-space:nowrap}