JSFiddle - React, Tailwind, and code Playground

HTML

<table id="mytable" border="1">  
    <tr><th>Column1</th><th>Column2</th><th>Column3</th><th>Column4</th></tr>
    <tr class="data"><td>1st</td><td>1.1</td><td> </td><td> </td></tr>
    <tr class="data"><td>2nd</td><td>2.1</td><td></td><td></td></tr>  
    <tr class="data"><td>3rd</td><td>3.1</td><td></td><td>2</td></tr>  
    <tr class="data"><td>4th</td><td></td><td></td><td></td></tr>
    <tr class="data"><td></td><td></td><td></td><td></td></tr>
    <tr class="data"><td></td><td></td><td></td><td></td></tr>  
</table>
<br />
<table id="mytable2" border="1">  
    <tr><th>Column1</th><th>Column2</th><th>Column3</th><th>Column4</th><th>Column5</th></tr>
    <tr class="data"><td>1st</td><td>1.01</td><td></td><td></td><td></td></tr>
    <tr class="data"><td>2nd</td><td>2.01</td><td></td><td></td><td></td></tr>  
    <tr class="data"><td>3rd</td><td>3.01</td><td></td><td></td><td></td></tr>  
    <tr class="data"><td>4th</td><td>4.01</td><td></td><td></td><td>x</td></tr>
    <tr class="data"><td>5th</td><td>5.01</td><td>c</td><td></td><td></td></tr>
    <tr class="data"><td></td></tr>
</table>

JavaScript

$('table').each(function(a,tbl) {
    var currentTableRows = $(this).find("tr").length-1;
    $(tbl).find('th').each(function(i) {
        var removeVal = 0;
        var currentTable = $(this).parents('table');

        var tds = currentTable.find('tr td:nth-child(' + (i + 1) + ')');
        tds.each(function(j) { if ($(this).text().trim() == '') removeVal++; });
        
        if (removeVal == currentTableRows) {
            $(this).hide(); //hide td
            tds.hide(); //hide th
        }
    });
});