JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width:150px">
    <tbody>
        <tr title="C:\Documents\My Directory\something else\document.txt">
            <td class="ellipsis">C:\Documents\My Directory\something else</td>
            <td>\document.txt</td>
        </tr>
    </tbody>
</table>

CSS

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    width: 100%;
}
table{
     table-layout:fixed;  
     with:100px; 
}