how to make a whole row in a table clickable as a link?

Question

I\'m using Bootstrap and the following doesn\'t work:

    
        
            Blah Blah
           


        

Answer 1

Achieved using standard Bootstrap 4.3+ as follows - no jQuery nor any extra css classes needed!

The key is to use stretched-link on the text within the cell and defining as a containing block.

  

    

    
1
      
Mark
      
Otto
      
@mdo
    
    

      
2
      
Jacob
      
Thornton
      
@fat
    
    

      
3
      
Larry
      
the Bird
      
@twitter
    
  

You can define containing block in different ways for example setting transform to not none value (as in example above).

For more information read here's the Bootstrap documentation for stretched-link.