具有两个标题行和第二个标题行中的multiselect下拉列表的tablesorter

迪维亚

我的表中有两个带有10多个列的标题行。在第二个标题行中,我为几乎所有列选择了下拉菜单。我正在为选择字段和表排序器使用bootstrap multiselect来对每一列上的行进行排序。最初,表没有行,并且表数据是通过ajax动态生成的。所以我在ajax函数中调用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中,我尝试包括sorter:select如下所示

$("#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 */

我想禁用第二行标题行的排序,该行包含选择下拉列表,仅基于第一行标题行进行排序。单击选择项后,我要查看下拉列表。请让我知道我要去哪里了。

莫蒂

对于第二行,添加类名称“ tablesorter-ignoreRow”(由cssIgnoreRow选项设置)。

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

您甚至不需要class="sorter-false"在每个单元格中添加一个

这是使用此类的文档中的演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

两个具有相同值的下拉菜单。如果用户在第一个下拉菜单中选择一个值,则必须在第二个下拉菜单中禁用该值

如果页面具有两个相同的格式,如何访问第二个输入元素?

使用第二个表中的选定行访问两个表中的报告

在bootstrap-vue的b表中添加第二个标题行

删除匹配模式的行和所有后续行,直到第二个模式

连接两个表,从第二个表返回所有行作为单行

如何匹配两个列表,而只更改每个对中的第二个?

遍历第二个表的行以返回具有累积总和的结果集

我可以从两个列表中创建一个熊猫数据框,但是对于第一个列表的每个元素,我都会在第二个列表中追加n行作为元素?

进行查询以根据条件合并两个表,并优先考虑第二个表中的行

如何在Python 3中具有两个搜索词的字符串中搜索和获取第二个词?

使用两个列表并生成所有第二个元素的列表的函数

获取第二个以列为单位的标题

python比较两个列表并保留第二个列表索引

比较两个文件并从第二个文件中获取匹配的行

具有两个或多个标题行的表

按标题第二个单词发布订单

jQuery Datatable填充第二个标题行

连接两个表,仅从第二个表返回一行

Grep模板,用于提取第二个单词只有两个元音的行

从乘以表示的第二个变量中提取具有最大值的行

如何基于第一个下拉列表选择获取动态生成的两个下拉列表的第二个下拉列表的ID?

Sudoers:无法运行两个命令列表,其中第二个命令列表具有glob *并拒绝第一个命令列表

比较两个文件的第一列和第二列,如果匹配则打印第二个文件中的行

比较两个文件,并根据第一列和第二列从第二个文件获取不匹配的行

删除第一列相同的第二行中第二个具有不同日期的行中的一个

将列表中的行添加到第二个列表Powershell中的行

标题中间有第二个标题的HTML表?

合并两个对象,但是如果第一个对象已经具有属性,则忽略第二个对象中的属性

TOP 榜单

热门标签

归档