📌  相关文章
📜  如何使表中的整个行都可以单击为Bootstrap中的链接？

📅  最后修改于: 2021-05-25 15:54:25             🧑  作者: Mango

Bootstrap中的表可以使用传统的

标签或内置的“网格”系统来形成。以前，通常使用
标记来设计站点的网格，但是如今，CSS中具有flexbox和table display属性，使用div更容易。

在以下示例中，我们将看到如何使完整的行可点击，以作为这两种情况的链接。

    传统
标签：

现在要使整个行都可单击，可以考虑将

标记的内容包装到链接()元素中。但这不会有任何结果。实际上，这是无效的HTML方法，应避免使用。

我们可以在

标记上调用onclick方法，然后根据需要导航到任何位置。这是一个说明如何执行此操作的示例。

在这种情况下，示例表的标记如下所示：

范例：1 



  

    
    
  
    
  
    Table Row Clickable
  
    

  

    
GeeksforGeeks

  
    

        
IDE Link
GeeksforGeeks https://ide.geeksforgeeks.org/Y4U8qx
                                                                                                                            
IDElink
GeeksforGeekshttps://ide.geeksforgeeks.org/Y4U8qx
    
               
    输出：
  • 在点击该行之前：
  • 单击该行后： 
    GeeksforGeeks IDE will open