相关疑难解决方法(0)

我有一个关于HTML的表格,每一行都指向一个不同的页面,其中包含有关该行的更多详细信息.但是当我使用angularjs时,使用ng-click我无法右键单击此行并选择"在新选项卡中打开".有什么办法可以解决吗？

提前致谢!

我试图在一个<th>元素中放置一个链接,并让<a>元素填充整个空间<th>.虽然我可以让它以宽度:100%水平填充,但让它垂直填充会被证明是麻烦的.身高:100%似乎没有效果.

我想这样做,以便用户可以单击单元格中的任何位置来激活链接.我知道我可以在<th>自己上面放一个onClick属性并通过javascript处理它,但我想用"正确"的css方式来做.

澄清:表格的每一行都可以有不同的高度,因为内容是动态的,因此对于<a>或<th>元素使用固定高度的解决方案将不起作用.

以下是一些示例代码:

<style type="text/css">
th {
  font-size: 50%;
  width: 20em;
  line-height: 100%;
}
th a {
  display:block;
  width:100%;
  height:100%;
  background-color: #aaa;
}
th a:hover {
  background-color: #333
}
</style>
<table border=1>
  <tr>
    <th><a href="foo">Link 1</a></th>
    <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dapibus tortor.</td>
  </tr>
  <tr>
    <th><a href="foo">Link 2</a></th>
    <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dapibus tortor. Lorem ipsum dolor …

将一行HTML表格作为链接的最佳方法是什么？我目前正在使用jquery对斑马条纹行进行突出显示onmouseover/off选定行,所以如果JavaScript是答案,请使用jquery.

显然,你不能只<tr>用<a>标签包围标签并在一天之内调用它; 这是无效的,甚至不起作用.我看过使用过的JavaScript,但是那些不支持JavaScript的浏览器会发生什么？将整个表格行<tr>放入链接的最佳方法是什么？

编辑:在Lerxst的请求下,这是一个包含一些行的表的示例:

<table>
    <thead>
        <tr><th>Name</th><th>Number of widgets</th></tr>
    </thead>
    <tbody>
        <tr><td>Bob Smith</td><td>Three</td></tr>
        <tr><td>Chuck Norris</td><td>Infinity+1</td></tr>
    </tbody>
</table>