JSFiddle - React, Tailwind, and code Playground

HTML

<table class="one" border="2">
<tr>
<th>th</th>
<th>th</th>
<th>th</th>
<th>th</th>
</tr>
<tr>
<td>td</td>
<td></td>
<td>td</td>
<td>td</td>
</tr>
<tr>
<td>td</td>
<td></td>
<td>td</td>
<td>td</td>
</tr>
</table>

CSS

th {width: 100px; background: #DDD; font-weight: bold;}

JavaScript

var i,empty=[];
    var tr =$('table tr');
    for (i=1;i<tr.length;i++){
         $(tr[i]).children().each(function(j){
             empty[j]=empty[j] || $(this).html().length;
        });
    }
    for (i=0;i<tr.length;i++){
         $(tr[i]).children().each(function(j){
             if (!empty[j]) $(this).remove();
        });
    }