标签: tablesorter

这是我的问题,

我目前正在使用JQuery Table Sorter,我在网上找到了一个Comma-Digit解析器.我遇到的问题是它似乎不起作用.

所以这里的列被排序为:

1. 4666
2. 141666
3. 293
4. 341666
5. 346
6. 461676

这应该按照排序

1. 293
2. 346
3. 4666
4. 141666
5. 341666
6. 461676

我使用的解析器是这样的:

$( function() { 

    $.tablesorter.addParser({
        id: "fancyNumber",
        is: function(s) {
            return /^[0-9]?[0-9,\.]*$/.test(s);
        },
        format: function(s) {
            return $.tablesorter.formatFloat(s.replace(/,/g, ''));
        },
        type: "numeric"
    });
}); 

我只是不知道我做错了.我加错了吗？解析器错了吗？我在这里需要真正的帮助,并且一直在努力解决这个问题.

编辑:由于我如何生成我的列以及允许用户选择的列,我永远不会知道哪个标题是否存在.我尝试过使用class ="{sorter:'fancyNumber'}"命令,如下所示:http://tablesorter.com/docs/example-meta-parsers.html

**编辑:**看起来其中一列正常工作,但此列仍有问题.也许是因为它有数字和逗号分隔的数字？

任何人都知道如何使这个Jquery插件的某些列无法解决？我似乎无法在文档中找到任何相关内容.

场景

我在使用JSP动态生成的网页上有一个表。列/标题的数量是可变的（最多6个或最多40个以上）。我正在使用jQuery Tablesorter对表进行排序。该表目前仅应按标题元素5和6排序。

问题

使用Tablesorter允许您将某些标头元素设置为false，将它们从sort选项中禁用。由于标题的数量是可变的，因此我需要一种反转选项的方式，以便可以将sorter选项设置为true，而其余默认情况下处于禁用状态。要么，要么，我需要一种方法来获取标头元素的总数并通过循环将其设置为false。

语法对我来说有点棘手，因为我不确定如何遍历以下内容：

$(document).ready(function() { 
        $("table").tablesorter({ 
            headers: { 
                0: { 
                    sorter: false 
                }, 
                1: { 
                    sorter: false 
                } 
                .
                .
                .
            } 
        }); 
    });

因此，在此示例中，我要排序的仅有两个是“原发性疾病”和“风险指数”。

代码

另一个小问题是我需要在表标题上方显示一行。基本上，这是表信息的较高级别的标题。这是我的代码的摆弄。

的CSS

$(document).ready(function() { 
        $("table").tablesorter({ 
            headers: { 
                0: { 
                    sorter: false 
                }, 
                1: { 
                    sorter: false 
                } 
                .
                .
                .
            } 
        }); 
    });

jQuery的

th.headerSortUp { 
    background-image: url(../img/small_asc.gif); 
    background-color: #3399FF; 
}
th.headerSortDown { 
    background-image: url(../img/small_desc.gif); 
    background-color: #3399FF; 
}
th.header { 
    background-image: …

1)下面的代码将在加载到页面加载时对输入框进行排序,但如果我尝试编辑任何<input>s然后尝试再次对列进行排序,则按原始值排序而不是新值,可以你帮我解决这个问题？

2)如果我在输入新的数字<input>然后点击列标题进行排序,那么我的输入模糊事件将不会触发,为什么以及你知道如何解决这个问题？

<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
    <th>Last Name</th> 
    <th>Amounts</th> 

</tr> 
</thead> 
<tbody> 
<tr> 
    <td>Smith1</td> 
    <td><input type="text" value="1"/></td> 
</tr> 
<tr> 
    <td>Smith2</td> 
    <td><input type="text" value="2"/></td> 
</tr> 
<tr> 
    <td>Smith3</td> 
    <td><input type="text" value="3"/></td> 
</tr> 
<tr> 
    <td>Smith4</td> 
    <td><input type="text" value="4"/></td> 
</tr> 
</tbody> 
</table> 

$(document).ready(function() {

    $.tablesorter.addParser({
        id: 'input',
        is: function(s) {
            return false;
        },
        format: function(s, table, cell) {
              return $('input', cell).val();
        },
        type: 'numeric'
    });

    $("#myTable").tablesorter({

        headers: {
            1: {
                sorter:'input'
            }
        }
    });


   $('input').blur(function(){

        alert($(this).val());

   });

});

我正在尝试使用jQuery插件Tablesorter对日期字段进行排序.现在奇怪的是,排序似乎部分工作,它确实重新排列结果显示的顺序,这表明至少,脚本被初始化.

现在我不明白为什么会这样,我的HTML看起来像这样:

<link href="/themes/blue/Style.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-ui-1.8.20.js" type="text/javascript"></script>
<script src="/Scripts/jquery.tablesorter.js" type="text/javascript"></script>
<script>
$(document).ready(function ()
{ 
    $("#repairtable").tablesorter(
{ 
    sortList: [[1, 0]], 
    dateFormat : "ddmmyyyy",
    headers: { 1:{ sorter: "shortDate", dateFormat: "ddmmyyyy"} }
});
} 
);
</script>
<table id="repairtable" class="tablesorter">
<thead>
<tr>
<th>ID</th>
    <th>Date In</th>
    <th>Customer</th>
</tr>
</thead>
<tbody>
<tr>
   <td>48</td>
   <td>11/03/2013</td>
   <td>Rainhem Launderette</td>
</tr>
<tr>
   <td>13</td>
   <td>10/01/2013</td>
   <td>IESA (Gunstones)</td>
</tr>
<tr>
   <td>14</td>
   <td>10/01/2013</td>
   <td>GVF</td>
</tr>
<tr>
   <td>41</td>
   <td>08/03/2013</td>
   <td>Triumph</td>
</tr>
<tr>
   <td>42</td>
   <td>08/03/2013</td>
   <td>Triumph</td>
</tr>
<tr>
   <td>43</td>
   <td>08/03/2013</td>
   <td>Triumph</td> …

我有一个jQuery的可排序函数的问题.当我的页面使用更新面板进行回发时,动态表的排序不再起作用.按下图像按钮时会触发回发.按下图像按钮时,会有一个新行,其中包含子表.

我尝试了这3个JavaScript代码,但它们似乎只是第一次工作.打开子表后,它们不起作用.

你们可能知道一个JavaScript解决方案来解决这个问题吗？

我的第一次尝试:

$(function(){
        $('table[id*="tbl_main"]').tablesorter();
    });

我的第二次尝试:

$(document).ready(function(){
        $('table[id*="tbl_main"]').tablesorter();
    });

我的第三次尝试:

function pageLoad() {
        $(function () {
            $("#pager").unbind();
            $('table[id*="tbl_main"]')
            .tablesorter()
            .tablesorterPager({ container: $("#pager") });
        }
    )}

我将最新的tablesorter.js和tablesorter.pager.js包含在我的html文件中.我还包含jQuery 1.9.1.不幸的是,如果我加载页面Firebug说有一个类型错误:

TypeError: $.browser is undefined

我认为$ .browser是jQuery的一部分.那么,1.9.1与寻呼机插件不兼容吗？仅使用tablesorter非常有效,只有寻呼机不起作用.

我正在使用tablesorter jquery进行开发，我的问题是：

有没有办法在过滤后显示数字列的总和？

例如：

+++++++++++
名称 -money
+++++++++++
alan- 10
alan- 10
alan- 10
alan- 10
john- 10
john- 10
john- 10

总金额：70

如果我过滤名称，只显示“ alan”，我想得到这个：

+++++++++++
名称-金钱
+++++++++++
alan-10
alan-10
alan-10
alan-10

总金额：40

谢谢你的帮助 ：）

我使用了精彩的语义ui框架.我试图在这里展示一个可排序的表格:http://semantic-ui.com/collections/table.html

它说它使用了kylefox的tablesort插件的修改版本.

我不是绝对不确定他们的意思吗？是包含插件还是需要包含它？你需要初始化该插件吗？

我在语义源中发现他们检查$.fn.tablesort()方法是否存在,如果是,则调用所有.sortable.table元素

我没有在控制台中看到任何错误,当您单击表头时它只是没有做任何事情.

有人可以就此提出建议吗？

我已经在我的 gridview 中实现了 tablesorter() 并将它放在某些列无法排序的地方。但是，我无法在排序时显示升序和降序图标，也无法获得不显示在无法排序的列上的默认图标。我有以下 css

    .tablesorter .tablesorter-header.sorter-false {
        background-image: url();
    }
    .tablesorter th.headerSortUp {       
        background-image: url(../images/small_asc.gif);  
        background-position: right center;  
        background-repeat:no-repeat;   
    }  
    .tablesorter th.headerSortDown {       
        background-image: url(../images/small_desc.gif);     
        background-position: right center;  
        background-repeat:no-repeat;   
    }