JSFiddle - React, Tailwind, and code Playground

by ajthomascouk

HTML

<table width="100%">
    <tr>
        <td id="brian">Brian</td>
        <td>Dave</td>
        <td>Ian</td>
        <td>Steve</td>
    </tr>
</table>

CSS

#brian{width:85px;}
td{width:auto; bckground:eee; border:1px solid #bbb;}

JavaScript

_width = ($('table').width() - $('#brian').width());

// Set widths as 'px'
//td_width_px = (_width / 3)
//$("td:not(#brian)").css("width",td_width_px+'px');

// Set widths as '%'    
td_width_pCent = ((_width / 3) / $('table').width()) * 100;
$("td:not(#brian)").css("width",td_width_pCent+'%');