表排序器-选择用colspan排序
TableSorter - Select sort with colspan
我正在使用表排序插件。
<<p> 信息/strong>- 我有一个横跨两个不同td的th。我仍然需要排序,如果th是两个th:s。
- "Testing2"没有按预期工作。应该对第三列进行排序。
jsfiddle
我已经更新了另一个人的档案。因为我没有把他的全部代码直接粘贴到这里。 Jquery$('table').tablesorter();
$('select').change(function(){
var column = parseInt($(this).val(), 10),
direction = 1, // 0 = descending, 1 = ascending
sort = [[ column, direction ]];
if (column >= 0) {
$('table').trigger("sorton", [sort]);
}
});
http://jsfiddle.net/Yke6M/53/我认为最简单的解决方案是添加一个没有colspan
(demo)的隐藏行:
<table class="tablesorter">
<thead>
<tr>
<th>Alphabetic</th>
<th colspan="2" style="text-align: center;">Testing</th>
<th>Animals</th>
</tr>
<tr class="hidden">
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</thead>
<tbody>
...
</tbody>
</table>
然后修改相应的下拉列表
<select>
<option value="-">Choose a column</option>
<option value="0">Alphabetic</option>
<option value="1">Testing</option>
<option value="2">Testing2</option>
<option value="3">Animals</option>
</select>
我不知道为什么我有这么困难的时间隐藏行在jsFiddle,但我最终修改css如下:
th, tbody td {
background: #eee;
border: 1px solid #ccc;
padding: 10px;
}
tr.hiddden {
display: none;
}
相关文章:
- JavaScript数组排序(函数)用于对表行进行排序,而不是排序
- 使用promise和mongoose对文档进行排序
- Selectize.js:如何对整数值的选项进行排序
- Javascript排序的图像弹出窗口..可以't单独弹出
- 如何通过引用var Using DataTables来进行分页或排序
- 为什么HTML5拖放的目标是孩子?(可排序列表)
- AngularJs对所有页面中的所有记录进行排序
- 当属性不一致时,如何根据属性对JS对象列表进行排序
- 按从高到低对多个int变量进行排序
- jQuery UI可排序-多连接列表拖动
- Javascript排序字符串或数字
- 2个backbone.js集合,具有相同的模型,但排序顺序不同
- sort而不是排序javascript
- 通过从节点父级获取所有子级对节点进行排序(获取子级数组)
- 如何合并不同集合的游标并按日期排序
- 为什么我的JavaScript堆栈排序函数不起作用
- ui网格:在自定义表头模板中触发排序
- jquery Onclick函数带有导致双击的回调排序函数
- 表排序器-选择用colspan排序
- 拖放2个表之间使用Jquery排序与rowspan和colspan