JSFiddle - React, Tailwind, and code Playground

by jdb1991

HTML

<table>
    <tr>
        <th class="NoWrap">Generic Header</th>
    </tr>
    <tr>
        <td class="NoWrap">The text-overflow declaration allows you to deal with clipped text: that is, text that does not fit into its box. The ellipsis value causes three periods to be appended to the text.</td>
    </tr>
</table>

CSS

th.NoWrap {
    border: 1px solid #000000;
    background-color: black;
    color: white;
    white-space: nowrap;
    width: 10px;     
    overflow: hidden;     
    text-overflow: ellipsis; 
}
td.NoWrap {
    border: 1px solid #000000;
    white-space: nowrap;
    width: 10px;     
    overflow: hidden;     
    text-overflow: ellipsis; 
}