Javascript 始终为每个搜索筛选器显示Tablesorter子行
电子邮件行是父级。地址是子行。Javascript 始终为每个搜索筛选器显示Tablesorter子行,javascript,tablesorter,Javascript,Tablesorter,电子邮件行是父级。地址是子行。 将为每个搜索筛选器关键字显示子行。 我的目标是简单地筛选子行,并仅显示与父行匹配的子行作为输出。 有人能帮我找出问题出在哪里吗 HTML代码: <div class="form-control divCheckBox"> <div class="tableFilterLink" data-table="selectedTableFilter"> <i class="icon-filter"&g
将为每个搜索筛选器关键字显示子行。
我的目标是简单地筛选子行,并仅显示与父行匹配的子行作为输出。
有人能帮我找出问题出在哪里吗 HTML代码:
<div class="form-control divCheckBox">
<div class="tableFilterLink" data-table="selectedTableFilter">
<i class="icon-filter"></i>
<a>Show Filters</a>
</div>
<table id="selectedTableFilter" class="table table-bordered table-striped">
<thead>
<tr>
<th>Selected Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>dffbach@yahoo.com</td>
</tr>
<tr>
<td>kjjdoe@hotmail.com</td>
</tr>
<tr class="tablesorter-childRow">
<td colspan="4">
<div class="bold">Shipping Address</div>
<div>2255 254th Avenue Se<br>Albany, Oregon 97321</div>
</td>
</tr>
<tr>
<td>pootconway@earthlink.net</td>
</tr>
<tr class="tablesorter-childRow">
<td colspan="4">
<div class="bold">Shipping Address</div>
<div>99700 Bell Road<br>Auburn, California 95603</div>
</td>
</tr>
</tbody>
</table>
</div>
显示过滤器
选定电子邮件
dffbach@yahoo.com
kjjdoe@hotmail.com
送货地址
俄勒冈州奥尔巴尼东南第254大道2255号,邮编:97321
pootconway@earthlink.net
送货地址
加利福尼亚州奥本市贝尔路99700号,邮编95603
Javascript:
$("#selectedTableFilter").tablesorter({
debug: true,
headerTemplate: "{content}<b></b>",
cssChildRow : "tablesorter-childRow",
widgets: ["zebra","filter"],
sortInitialOrder: "asc",
sortList: [[0,0]],
sortRestart: true,
widgetOptions: {
filter_hideFilters: true,
zebra : ['normal-row', 'alt-row' ],
filter_childRows: true,
filter_cssFilter : 'tablesorter-filter',
filter_startsWith: false,
filter_ignoreCase : true,
filter_childWithSibs: false,
},
widthFixed: true
});
$(“#selectedTableFilter”).tablesorter({
是的,
headerTemplate:“{content}”,
cssChildRow:“表排序器子行”,
小部件:[“斑马”,“过滤器”],
分类领主:“asc”,
排序列表:[[0,0]],
是的,
widgetOptions:{
filter\u hideFilters:true,
斑马:['normal-row','alt row'],
筛选器_子行:true,
filter\u cssFilter:'tablesorter filter',
筛选器_startsWith:false,
过滤器信号情况:正确,
筛选器_childWithSibs:false,
},
宽度固定:正确
});
谢谢@Mottie
如果您正在为tablesorter使用自定义主题,请确保包含以下定义:
.tablesorter-filter {
display: none;
}
谢谢@Mottie
如果您正在为tablesorter使用自定义主题,请确保包含以下定义:
.tablesorter-filter {
display: none;
}
那么电子邮件地址行就是这里的父行了吗?是的@SearchingOk..但样本中似乎不存在任何结构。。。你如何辨别一张新唱片?一切都在新的一行。@search我没有把一切都放在新的一行。组成电子邮件的是家长,紧接着的是他们的孩子。看到了吗,电子邮件地址行就是这里的家长?是的@SearchingOk..但样本中似乎不存在任何结构。。。你如何辨别一张新唱片?一切都在新的一行。@search我没有把一切都放在新的一行。组成电子邮件的是家长,紧接着的是他们的孩子。请参阅