<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Hide table row if all td's are empty</h2> <table class="table"> <thead> <tr> <th>#</th> <th>Title 1</th> <th>Title 2</th> </tr> </thead> <tbody> <tr> <th>1</th> <td>a</td> <td>A</td> </tr> <tr> <th>2</th> <td></td> <td></td> </tr> <tr> <th>3</th> <td>c</td> <td>C</td> </tr> </tbody> </table> </div> </div>

$(document).ready(function(){ $('tbody tr').filter( function(){ return $(this).find('td').length == $(this).find('td:empty').length; }).hide(); });