Wrapping HTML table rows in tags

Question

Is it possible to wrap entire table rows in tags? I want the the entire row to be a clickable link.

If I try the following, the links get rend

Answer 1

You could also use display: contents;. This causes the a tags childs to behave like they are a child of the a tags parent.

In your HTML:

      
      

  

    

      
Column 1
      
Column 2
    
  
  

    

        
Column 1
        
Column 2
      
    
    

        
Column 1
        
Column 2
      
    
  

Support in different browsers should be enough most of the times (see https://caniuse.com/#feat=css-display-contents).