jquery - 在 jQuery DataTables 中使用 anchor 标记对列进行排序

Question

我使用 jQuery 数据表插件对表数据进行排序。如果列包含简单文本，排序效果很好。如果我在文本上放置任何 anchor 标记条件，则列排序将无法正确排序。

我通过以下方式显示值:

<td><?php if ($allAptArr[$d][27]['staffinactive'] == 1) { ?>
        <?=ucwords(stripslashes($allAptArr[$d][5]['staff_name']));?>
    <?php } else { ?>
        <a href='#' onClick="redirectToStaff('<?=$allAptArr[$d][10]['staff_id']?>');">
        <?=ucwords(stripslashes($allAptArr[$d][5]['staff_name']));?>
        </a>
<?php } ?> </td>

使用此代码，列排序失败。

Answer 1

在就绪函数之前添加此内容:

    //sets up numeric sorting of links
    jQuery.fn.dataTableExt.oSort['num-html-asc'] = function(a,b) {
    var x = a.replace( /<.*?>/g, "" );
    var y = b.replace( /<.*?>/g, "" );
    x = parseFloat( x );
    y = parseFloat( y );
    return ((x < y || isNaN(y) ) ? -1 : ((x > y || isNaN(x)) ? 1 : 0));
    };

    jQuery.fn.dataTableExt.oSort['num-html-desc'] = function(a,b) {
    var x = a.replace( /<.*?>/g, "" );
    var y = b.replace( /<.*?>/g, "" );
    x = parseFloat( x );
    y = parseFloat( y );
    return ((x < y || isNaN(x)) ? 1 : ((x > y || isNaN(y) ) ? -1 : 0));
    };

并在就绪函数中:

        "aoColumns": [
          { "sType": "num-html" },
          null,
          etc. etc.
        ]

这就是我使用 anchor 的工作方式，整数按其应有的方式排序。