Question

表格中有两个标题行，列数超过10列。在第二个标题行中，我为几乎所有列选择了下拉列表。我使用bootstrap multiselect作为select字段和tablesorter来排序每列的行。最初，表没有行，表数据是通过ajax动态生成的。所以我在ajax函数中调用tablesorter。在调用tablesorter之前，我可以从下拉列表中进行选择，但是一旦在获取初始数据后调用它，如果我想选择另一个选项，我就无法这样做。下拉列表无法正常工作。以下是我的表格的示例：

<table>
<thead>
<tr>
<th>Vehicle</th>
<th>Design</th>
.
.
</tr>
<tr>
<th class="sorter-false"><select multiple="multiple" name="vehicle"><options here></select></th>
<th class="sorter-false"><select multiple="multiple" name="design"><options here></select></th>
.
.
</tr>
</thead>
<tbody>
<tr><td></td><td></td>....</tr>
<tr><td></td><td></td>....</tr>
--
</tbody>
</table>

在js中，我尝试过包括分拣机：选择如下

$("#table").tablesorter({
                              theme : 'blue',
                              headers: {
                                    0: { sorter: "select" }

                                }
                          })

在标签中，我包含以下文件

<script src="resources/js/bootstrap-multiselect.js"></script>
<script src="resources/js/jquery.tablesorter.js"></script>
<script src="resources/js/parser-input-select.js"></script>
<link rel="stylesheet" type="text/css" href="resources/css/bootstrap-multiselect.css">
<link rel="stylesheet" type="text/css" href="resources/css/tablesorter-styles.css"> /*Changed name */

我想在第二个标题行上禁用排序，该标题行包含选择下拉列表和仅基于第一个标题行的排序。单击选择后，我想看到下拉列表。请让我知道我哪里出错了。

Answer 1

对于第二行，添加一个类名称“tablesorter-ignoreRow”（由cssIgnoreRow option设置）。

<tr class="tablesorter-ignoreRow">...</tr>

您甚至不需要为每个单元格添加class="sorter-false"。

Here is a demo in the documentation using this class

具有两个标题行的tablesorter和第二个标题行

1 个答案: