在 HTML 中，我正在创建一个表格并使每一行中的整个单元格都可以点击。这些单元格链接到一个页面，其中包含每个账单的更多详细信息。

每行中的单元格是<a href ...>. 每个单元格上的超链接工作正常，但不是在边界上。

可悲的是，我不允许在这里显示图像。

时间戳

首页 > 解决方案 > 在 a 的边框上链接 href

在 HTML 中，我正在创建一个表格并使每一行中的整个单元格都可以点击。这些单元格链接到一个页面，其中包含每个账单的更多详细信息。

每行中的单元格是<a href ...>. 每个单元格上的超链接工作正常，但不是在边界上。

可悲的是，我不允许在这里显示图像。

html - 在 a 的边框上链接 href

在 HTML 中，我正在创建一个表格并使每一行中的整个单元格都可以点击。这些单元格链接到一个页面，其中包含每个账单的更多详细信息。

每行中的单元格是<a href ...>. 每个单元格上的超链接工作正常，但不是在边界上。

可悲的是，我不允许在这里显示图像。

问题描述

在 HTML 中，我正在创建一个表格并使每一行中的整个单元格都可以点击。这些单元格链接到一个页面，其中包含每个账单的更多详细信息。

每行中的单元格是<a href ...>. 每个单元格上的超链接工作正常，但不是在边界上。

可悲的是，我不允许在这里显示图像。https://i.imgur.com/Ti7O7pP.png

要将光标箭头更改为光标指针，我已经这样做了：

.borderCursor:hover {
    cursor: pointer !important;
}

但这只是光学的。

我为你做了一个小提琴：

https://jsfiddle.net/otenmoten/s8reyktm/

我希望单击单元格的边框，然后重定向到详细信息页面。

怎么做？

在每 2 周内，您首先必须确定如何过滤奇数/偶数或从一开始。

CarbonInterval::weeks(2)只能在嵌套迭代时使用：1 次循环 2 周，然后循环数天：

$days = ['Monday', 'Tuesday'];
foreach (CarbonPeriod::create($start, CarbonInterval::weeks(2), $end, CarbonPeriod::IMMUTABLE) as $baseDate) {
  foreach ($days as $dayName) {
    $date = $baseDate->is($dayName) ? $baseDate : $baseDate->next($dayName);
    echo $date;
  }
}

如果您可以提供更精确的信息，请参阅我的评论。我可以在答案中考虑到它。

标签： html

解决方案

Thymeleaf 的最终解决方案：

<tr th:onclick="|location.href = '@{...}'|" class="dataRow">
    <td> ... </td>
    <td> ... </td>
    ..............
</tr>

推荐阅读