javascript – 自定义jQuery dataTable列的排序

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 自定义jQuery dataTable列的排序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1177字，纯文字阅读大概需要2分钟。

内容图文

我有一个包含数字列和NA的表.

<tr>
    <td>NA</td>
</tr>
<tr>
    <td>1024</td>
</tr>
<tr>
    <td>100</td>
</tr>
<tr>
    <td>200</td>
</tr>
<tr>
    <td>300</td>
</tr>
<tr>
    <td>2096</td>
</tr>

我正在尝试使用jQuery dataTable对列进行排序以生成以下内容：

NA,100,200,300,1024,2096和2096,1024,300,200,100,NA

但无法弄清楚如何通过阅读排序和插件文档来做到这一点.

我在这里创建了一个代码小提琴：http://jsfiddle.net/stowball/rYtxh/并且非常感谢一些帮助.

解决方法:

通过查看带有HTML插件的Numbers,您可以获取现有代码并修改正则表达式以查找负数而不是删除所有内容.使用它可以在“NA”周围放置一个HTML标记,并使用HTML5 data-internalid存储最低数量的集合.

所以它变成：

<td><a data-internalid="-1">NA</a></td>

和(注意正则表达式)

jQuery.extend( jQuery.fn.dataTableExt.oSort, {
"num-html-pre": function ( a ) {
    var x = String(a).replace(/(?!^-)[^0-9.]/g, "");
    return parseFloat( x );
},

"num-html-asc": function ( a, b ) {
    return ((a < b) ? -1 : ((a > b) ? 1 : 0));
},

"num-html-desc": function ( a, b ) {
    return ((a < b) ? 1 : ((a > b) ? -1 : 0));
}});

然后在数据表中,将类型设置为num-html

$('table').dataTable({
    "aoColumns": [{ "sType": "num-html" }],
    "aaSorting": [[ 0, "desc" ]],
});

你可以在这里看到我的完整解决方案：http://jsfiddle.net/rYtxh/4/

内容总结

以上是互联网集市为您收集整理的javascript – 自定义jQuery dataTable列的排序全部内容，希望文章能够帮你解决javascript – 自定义jQuery dataTable列的排序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端