【问题标题】:jQuery Tablesorter not sorting field that ends with a datejQuery Tablesorter 不对以日期结尾的字段进行排序
【发布时间】:2017-07-01 21:46:17
【问题描述】:

我在使用 TableSorter jQuery 插件时遇到了困难,如果我有一个单元格值,最后有一个日期。

我想严格按我的文本排序,但我认为插件一定是因为日期而与文本混淆了。当我单击列标题时,该类确实在headerSortUp 和headerSortDown 之间来回切换,但行没有得到排序。

这是一个例子:

<table id="tbl1">
    <thead>
        <tr>
            <th><a href="#" onclick="return false;">Col1</a></th>
            <th><a href="#" onclick="return false;">Col2</a></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>ZXY 123 10/31/2011</td>
            <td>2</td>
        </tr>
        <tr>
            <td>ABC 345 09/30/2011</td>
            <td>4</td>
        </tr>
        <tr>
            <td>DEF 345 08/31/2011</td>
            <td>6</td>
        </tr>
    </tbody>
</table>

如果我删除了最后的日期,或者删除了中间的数字,或者使数据不太一致,那么排序就可以了。我尝试将class="{sorter: 'text'} 添加到&lt;th&gt; 元素,但没有任何效果,我还尝试了自己的解析器,它只查看文本本身,但仍然没有。

我已经在 J​​SFiddle 上 http://jsfiddle.net/y2z8z/

有什么想法吗?

【问题讨论】:

    标签: jquery html-table tablesorter


    【解决方案1】:

    你不能在类属性中设置标题配置,它应该在标题配置中设置。试试这个

    jQuery(document).ready(function() {
        jQuery("#tbl1").tablesorter({headers:{ 0: {sorter: 'text'} } });
    });
    

    文字王demo

    【讨论】:

    • 我在几个地方看到了该类属性,但现在我仔细观察,它看起来依赖于我没有使用的 jQuery 元数据插件。您的演示似乎按我想要的方式工作,谢谢。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-03-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多