点击TH孩子时不要对Tablesorter进行排序

时间:2018-06-15 21:13:21

标签: jquery tablesorter

我有一个"全选" TH中的复选框。我希望能够对该特定列进行排序,但不能与TH中的复选框/输入进行交互。



<th data-sorter="checkboxes">
		<span>Attended</span>
		<input type="checkbox" class="form-control" id="selectAll" name="selectAll" value="Y">
</th>
&#13;
&#13;
&#13;

这可能吗?我确定我可以拉出TH之外的复选框,并使用CSS定位和缩放属性来放置&#34;放置&#34;它在TH之上,但我想避免这种情况。

谢谢, 香农

1 个答案:

答案 0 :(得分:0)

如果您正在使用我的fork of tablesorter,它会自动忽略与标题单元格内部的表单元素的交互。或者,您可以向元素添加一个tablesorter-noSort类(由cssNoSort option设置),其中的任何点击都将被忽略。

如果您正在使用原始tablesorter(v2.0.5),那么您需要取消绑定标题单元格上的click事件,并添加一个忽略事件的自定义点击事件在表单元素中。