Question

我有这个代码，整个div可以点击并链接到不同的URL

jsfiddle.net /＃＆安培; togetherjs = eBw8xooaHu

我想让它在一个表格中工作，并使整行可以点击，所以我最终会像这样结束......

jsfiddle.net /＃＆安培; togetherjs = bKRMP3bSl3

这是可管理的还是我正朝着错误的方向前进？

Answer 1

我建议使用Jasny Bootstrap。

将Jasny添加到您的项目中的方法是相同的whit bootstrap。

在导入库之前添加下一行：

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/css/jasny-bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/js/jasny-bootstrap.min.js"></script>

之后将类添加到您的表中：

<table class="table table-striped table-bordered table-hover">

和tbody标签

<tbody data-link="row" class="rowlink">

在第一个td标签上添加链接whit一个标签，td内容被推入一个标签。像这样：

<td><a href="#inputmask">Input mask</a></td>

如果您希望在td中显示无显示链接，则将该类添加到此td标记：

<td class="rowlink-skip">

何时，你的行链接现在以100％工作。

参考文献：Jasny Bootstrap

示例：Sample

Answer 2

你的小提琴链接不起作用，因此我必须猜测。如果我想要一个可以点击的表行，我会尝试使用a-tag而不是tr标签来构建它并使用

table>a { display:table-row; }

为它。

<table>
    <a href="">
        <td></td>
    </a>
</table>

在表中“连接”可以整行

2 个答案: