gpt4 book ai didi

javascript - jQuery 可选小部件和一列表格行

转载 作者:太空宇宙 更新时间:2023-11-04 10:19:16 25 4
gpt4 key购买 nike

我尝试只选择这张表的右边部分;问题是我有一个左侧尺寸的 rowspan,我真的不想选择那些!有什么建议么?谢谢

jsfiddle: https://jsfiddle.net/johnidevo/xLabgoa3/1/

HTML:

<!DOCTYPE html>

<body>
<table border="1" style="width:100%" class="sel-table">

<thead>
<tr>
<th colspan="2">veve</th>
</tr>
</thead>

<tbody>
<tr>
<th rowspan="2">Merged</th>
<td>Smith</td>
</tr>
<tr>
<td>Jackson</td>
</tr>

<tr>
<th rowspan="2">Doe</th>
<td>80</td>
</tr>
<tr>
<td>Doe</td>
</tr>
<tbody>


</table>
</body>

CSS

.ui-selectable>.ui-selected { background-color: #a6c9e2; }
.ui-selectable>.ui-selecting { background: #FECA40; }
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

JavaScript

$(function() {
$(".sel-table>tbody").bind("mousedown", function (e) {
e.metaKey = false;
}).selectable({
filter: 'tr'
});
});

最佳答案

将您的 CSS 和 JS 更新为以下内容 ( jsfiddle ):

$(function() {
$(".sel-table>tbody").bind("mousedown", function(e) {
e.metaKey = false;
}).selectable({
filter: 'td' // < === HERE ===
});
});
.ui-selectable .ui-selected {     // < === HERE ===
background-color: #a6c9e2;
}

.ui-selectable .ui-selecting {
background: #FECA40;
}

备注:

event.metaKey 是一个 read-only property .

关于javascript - jQuery 可选小部件和一列表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36969832/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com