我可以自己破解这个,但我认为 bootstrap 有这个能力。
问问题
186894 次
7 回答
69
使用 jQuery 非常简单。v2.0table
在所有表上使用该类。
$('.table > tbody > tr').click(function() {
// row was clicked
});
于 2012-04-04T00:19:02.823 回答
57
有一个javascript 插件可以将此功能添加到 bootstrap。
包括在内时rowlink.js
,您可以执行以下操作:
<table data-link="row">
<tr><td><a href="foo.html">Foo</a></td><td>This is Foo</td></tr>
<tr><td><a href="bar.html">Bar</a></td><td>Bar is good</td></tr>
</table>
表格将被转换,以便可以单击整行而不是仅单击第一列。
于 2012-07-25T10:36:43.843 回答
25
该代码将任何具有data-href
属性集的引导表行转换为可点击元素
注意:data-href
attribute 是一个有效的tr
属性 (HTML5),href
tr 元素上的属性不是。
$(function(){
$('.table tr[data-href]').each(function(){
$(this).css('cursor','pointer').hover(
function(){
$(this).addClass('active');
},
function(){
$(this).removeClass('active');
}).click( function(){
document.location = $(this).attr('data-href');
}
);
});
});
于 2015-03-18T17:56:01.190 回答
6
我用模态窗口向你展示我的例子......你创建你的模态并给它一个 id 然后在你的表格中你有 tr 部分,只需在下面看到的第一行添加(不要忘记在第一行设置这个
<tr onclick="input" data-toggle="modal" href="#the name for my modal windows" >
<td><label>Some value here</label></td>
</tr>
于 2012-07-25T09:41:43.963 回答
3
<tr height="70" onclick="location.href='<%=site_adres2 & urun_adres%>'"
style="cursor:pointer;">
于 2013-05-25T00:25:40.283 回答
0
可能是您在单击表格行时尝试附加功能。
var table = document.getElementById("tableId");
var rows = table.getElementsByTagName("tr");
for (i = 0; i < rows.length; i++) {
rows[i].onclick = functioname(); //call the function like this
}
于 2012-04-04T00:26:11.853 回答
0
您可以使用 bootstrap css 以这种方式使用。如果已经分配给任何行,只需删除活动类并重新分配给当前行。
$(".table tr").each(function () {
$(this).attr("class", "");
});
$(this).attr("class", "active");
于 2015-03-08T18:06:32.643 回答