我有一个单页面的应用程序,其唯一的页面是通过JSP创建的.它允许人们查找书目信息.不幸的是,JQuery tablesorter存在一些问题.

1. 主要的一个是结果页面无法排序,标题图像也不可见,但如果您在本地保存页面,那么它将变为可排序.

你可以在这里查看.

对于那些访问该地方的人,您将看到次要问题.编码.

我正在使用jquery tablesorter插件对表进行排序.我的表格中的列以mm/yy格式显示日期.

<tr>
    <td class="col-name">...</td>
    ...
    <td rel="2000" class="col-dob">10/00</td>
    ...
</tr>
<tr>
    <td class="col-name">...</td>
    ...
    <td rel="1986" class="col-dob">11/86</td>
    ...
</tr>

注意:

• 每个单元格都有一个独特的类
• 日期以mm/yy格式显示
• 带日期的单元格也会收到年份

我的jQuery代码如下:

// add parser through the tablesorter addParser method
$.tablesorter.addParser({
        // set a unique id
        id: 'user-birthdate',
        is: function(s) {
                // return false so this parser is not auto detected
                return false;
        },
        format: function(s) {
                // format your data for normalization

                var dateSplit = s.split('/');

                if(2 !== dateSplit.length)
                        return 0;

                return new Date(dateSplit[1], dateSplit[0], 1); …

当单元格中的输入元素值发生变化时,我需要重新排序表格.我已经为我的数据创建了自定义排序器,这非常有效,但现在我需要在数据更改时重新排序.

$('#id').tablesorter(...)几乎可以做我需要的东西,但它似乎在给定的表上应用了另一组排序,这导致了非常奇怪的行为.有没有办法完全重做tableorting操作,或者至少为了基于新信息的表来求助？

从构建自定义解析器开始,我看到tablesorter构建格式化的列并在页面加载时将其存储在内部,我需要修改此行为以便我可以使用它$('#id input').change.

有任何想法吗？这个插件的文档很薄弱,虽然它是一个很棒的插件.

我在一个表中嵌套了表,其中应用了tablesorter.

它向嵌套表添加排序标题,但它们不对行进行排序,并抛出Javascript错误.

我想要:

• 嵌套表不可排序
• 巢表上的排序实际上是有效的.

但不是现状.

我正在使用神话般的jQuery TableSorter插件自动将排序功能添加到表的列中(只需单击每个列的标题).除了其中几个列之外,所有列都能完美运行.

1)其中一个列的单元格在前面包含美元符号(例如:$ 20,$ 10,$ 5).分拣不正常; 它按字母顺序排序(因为所有单元格内容都以$开头,所以它们都被错误地捆绑在一起).什么代码会迫使分拣机从第二个角色开始,从而忽略美元符号？

2)另一列有动态下拉列表(每个单元格中有1个SELECT标签),我希望按字母顺序对每列SELECT标签内当前选定的值进行排序.有任何想法吗？

如果你至少可以指出我正确的方向并让我知道如何在两种场景中的每一种中自定义排序,我将非常感激.

提前致谢!!

我正在使用jQuery tablesorter插件.我知道如何使用jQuery Metadata插件禁用对列的排序:

<th class="{sorter: false}">Don't sort me</th>

但我宁愿通过设置一个类来做到这一点,所以我不必使用额外的插件.另外我想我会比记住这个JSON语法更容易记住类名.如何使用以下语法执行相同的操作:

<th class="not-sortable">Don't sort me</th>

我在gridviews中使用以下tablesorter小部件:http: //mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html

我遇到了Gridview的分页问题.我无法对结果进行分页,如果每次更改页面时都重新填充gridview,搜索文本框将无效.

我在gridview中启用了thead.并且,gridview正在Page_Load事件中加载它的数据.

解决这个问题的最佳方法是什么？

我在MVC Razor应用程序中使用Tablesorter(2.22.1),我在添加基本过滤器行时遇到问题.我在bundle中添加了脚本(js插件).

bundles.Add(new ScriptBundle("~/bundles/initTableSort").Include(
                "~/Scripts/libs/jquery.tablesorter.js",
                "~/Scripts/libs/jquery.tablesorter.widgets.js",
                "~/Scripts/libs/jquery.tablesorter.combined.js")
);

我还用jquery 将它包含在_Layout.html中.我没有使用jquery.latest.js,因为在我的项目中有不同的jquery文件(新),它们被添加到_Layout.

@Scripts.Render("~/bundles/jquery")
...
@Scripts.Render("~/bundles/initTableSort")

我有自己的CSS,我不使用Tablesorter主题.我的js功能:

$(".tablesorter").tablesorter({
    sortReset: true,
    sortRestart: true,
    widthFixed : true,

    textAttribute: 'data-sort',
    widgets: ["filter"],
    widgetOptions: {
        filter_external: '.search',
        filter_defaultFilter: { 1: '~{query}' },
        filter_columnFilters: true,
        filter_placeholder: { search: 'Search...' },
        filter_saveFilters: true,
        filter_reset: '.reset'
    },
    headers: {
        'th.smallChart, th.errorLink': {
            sorter: false,
            filter: false
        },
        'th.errorDifference': {
            sorter: 'data'
        }
    }

});

表中的数据由foreach循环呈现,但标题和表具有所需的类/ ID.我没有粘贴表格代码,因为它太长了,我觉得它看起来没问题.

在排序之后,重置排序(在第三次点击之后),自定义解析器工作正常,但是包括Widget'Filter'只给我一行来为每个列写一个过滤查询,但它不起作用.我可以写一些东西,但之后不会过滤表格.我不知道为什么.Inspect没有显示任何错误.

拜托,有人可以帮助我,写下我做错了什么？

编辑1

我甚至使用本文档中的数据创建新项目Basic Filter Tablesorter文档,我仍然有同样的问题,所以我做错了什么,但我不知道在哪里和哪里.

我有一个表格,其中一列的数字大约为-10到10,还有一些空列.

我希望tablesorter始终将空列放在表格的底部.即使我按升序或降序排序.

像这样:

-1
0
2
3
<empty cell>
<empty cell>

或者像这样:

3
2
0
-1
<empty cell>
<empty cell>

请注意,我的问题与问题4792426相同,只是当排序顺序为降序和升序时,我希望底部都有空单元格.

删除行不是一种选择.

在我的一个应用程序中,我正在使用JQUERY tablesorter.But,在使用任何cloumns进行排序时,我得到的错误.不知道为什么会这样.

错误:"e.handler.apply"在Jquery.js中不起作用

我使用表格分类器的代码如下.

$(".tablesorter")
.tablesorter(
    {
        headers: { 0: { sorter: false}},
        widgets: ['zebra'],
        fixedHeight: false
    })
.tablesorterPager({
  container: $(".pager")
    });

$("#sortHeader").click(

    $(".tablesorter")
    .bind("sortStart",function(e, table) 
        {
            $('.tablesorter').trigger('pageSet',0);

        })

);

但是,如果我正在评论从"$("#sortHeader")开始的代码.单击"然后它正常工作.但我需要那部分代码来满足我的要求.

对此有任何想法.