按空单元格排序 "emptyTo" Tablesorter 不起作用
Sorting by empty cells "emptyTo" Tablesorter doesn't work
我有一个 table,其中包含一些带日期的数据,我希望它按空单元格排序。默认情况下 tablesorter 将它们放在底部,我需要它们在顶部。
我阅读了其他相关帖子,其中 none 似乎对我有用,我想找出原因。
我正在使用 Tablesorter 2.29.5
/*! TableSorter (FORK) v2.29.5 *//*
* Client-side table sorting with ease!
* @requires jQuery v1.2.6+
我正在正确设置库(其他一切正常)
这是我在 Jquery 中的 table 分拣机配置:
$('#tablesorter')
.tablesorter({
theme : 'blue',
widgets: ['filter', 'reflow','resizable'],
sortList: [[0,0]],
emptyTo: 'top',
widgetOptions: {
resizable: true,
resizable_widths : [ '12%', '12%', '10%', '10%', '10%', '10%', '17%', '9%', '9%','0%']
}
}).tablesorterPager({
container: $(".paginatorTableSorter"),
output: '{{ "table.showing"|trans }} {startRow} {{ "table.to"|trans }} {endRow} ({filteredRows})'
});
$(".tablesorter").data('tablesorter').widgets = ['zebra', 'columns'];
$(".tablesorter").trigger('applyWidgets');
$('#tablesorter')
.trigger('sortReset')
.trigger('filterReset')
.trigger('resizableReset')
.trigger('pageAndSize', [1, 10]);
我也尝试按列排序,但由于它们是日期空单元格被忽略,所以我设置 emptyTo: 'top' 按照 jQuery tablesorter 文档https://mottie.github.io/tablesorter/docs/#emptyto
这是我的(改编)html(和 Twig):
<thead>
<tr class="warning">
<th class="text-center">{{ 'table.title.time.check-in' |trans }}</th>
<th class="text-center">{{ 'table.title.time.check-out' |trans }}</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">{{ line.FECHA_E }}</td>
<td class="text-center">{{ line.FECHA_S }}</td>
</tr>
</tbody>
我有什么遗漏吗?
所以,是的。正如 Mottie 所说,我仔细检查了输入的实际值并发现了问题。
<tbody>
<tr>
<td class="text-center">{{ line.FECHA_E }}</td>
<td class="text-center">{% if line.FECHA_S is null %}{% else %}{{ line.FECHA_S }}{% endif %}</td>
</tr>
</tbody>
发布问题后,我意识到我在配置中留下了 .trigger('sortReset')
,但在我的代码中有评论。
如果有人复制我的 tablesorter 配置,只需删除该部分,这样它就不会重置默认排序值。
再次感谢 Mottie!
我有一个 table,其中包含一些带日期的数据,我希望它按空单元格排序。默认情况下 tablesorter 将它们放在底部,我需要它们在顶部。 我阅读了其他相关帖子,其中 none 似乎对我有用,我想找出原因。
我正在使用 Tablesorter 2.29.5
/*! TableSorter (FORK) v2.29.5 *//*
* Client-side table sorting with ease!
* @requires jQuery v1.2.6+
我正在正确设置库(其他一切正常)
这是我在 Jquery 中的 table 分拣机配置:
$('#tablesorter')
.tablesorter({
theme : 'blue',
widgets: ['filter', 'reflow','resizable'],
sortList: [[0,0]],
emptyTo: 'top',
widgetOptions: {
resizable: true,
resizable_widths : [ '12%', '12%', '10%', '10%', '10%', '10%', '17%', '9%', '9%','0%']
}
}).tablesorterPager({
container: $(".paginatorTableSorter"),
output: '{{ "table.showing"|trans }} {startRow} {{ "table.to"|trans }} {endRow} ({filteredRows})'
});
$(".tablesorter").data('tablesorter').widgets = ['zebra', 'columns'];
$(".tablesorter").trigger('applyWidgets');
$('#tablesorter')
.trigger('sortReset')
.trigger('filterReset')
.trigger('resizableReset')
.trigger('pageAndSize', [1, 10]);
我也尝试按列排序,但由于它们是日期空单元格被忽略,所以我设置 emptyTo: 'top' 按照 jQuery tablesorter 文档https://mottie.github.io/tablesorter/docs/#emptyto
这是我的(改编)html(和 Twig):
<thead>
<tr class="warning">
<th class="text-center">{{ 'table.title.time.check-in' |trans }}</th>
<th class="text-center">{{ 'table.title.time.check-out' |trans }}</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">{{ line.FECHA_E }}</td>
<td class="text-center">{{ line.FECHA_S }}</td>
</tr>
</tbody>
我有什么遗漏吗?
所以,是的。正如 Mottie 所说,我仔细检查了输入的实际值并发现了问题。
<tbody>
<tr>
<td class="text-center">{{ line.FECHA_E }}</td>
<td class="text-center">{% if line.FECHA_S is null %}{% else %}{{ line.FECHA_S }}{% endif %}</td>
</tr>
</tbody>
发布问题后,我意识到我在配置中留下了 .trigger('sortReset')
,但在我的代码中有评论。
如果有人复制我的 tablesorter 配置,只需删除该部分,这样它就不会重置默认排序值。
再次感谢 Mottie!