How to hide html header when corresponding td body is empty

How to hide html header when corresponding td body is empty

I want to hide  an html header th when the body td item is null. Below is portion of my code

 

<table class="table table-striped" id="report">
            <thead>
                <tr>
                    
                    <th id="hide">ID</th> ---> Hide this
                    <th  id="admins">Admin Name</th>                     
                </tr>
            </thead>
            <tbody>
            @foreach (var item in Model)
            {
                <tr>
                     
                    <td>
                        @item.admin
                    </td>
                    <td id="hideheader">
                        @item.localemployees ----When this value is empty
                    </td>                                        
                    
                </tr>
            }
            </tbody>

        </table>
    </div>