首页 > 软件开发 > JQUERY >

jquery.dataTables.min.js怎么排序

来源:互联网 2023-03-17 00:47:00 82

jquery.dataTables.min.js使用e79办公区 - 实用经验教程分享!

工具/原料

  • jquery.dataTables.min.js
  • jQuery js引用

方法/步骤

  • 1

    DataTable的调用。e79办公区 - 实用经验教程分享!

    jquery.dataTables.min.js怎么排序e79办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    先来来看一下列表显示。默认排序以第一列正序排列。如果想要按照其他列排序需要设置参数。e79办公区 - 实用经验教程分享!

    jquery.dataTables.min.js怎么排序e79办公区 - 实用经验教程分享!

  • 3

    设置列表的排列顺序。 desc 是倒序,asc 是正序e79办公区 - 实用经验教程分享!

    $('.table-sort').dataTable({e79办公区 - 实用经验教程分享!

    "bStateSave": false, //状态保存e79办公区 - 实用经验教程分享!

    "aoColumnDefs": [e79办公区 - 实用经验教程分享!

    { "orderable": false, "aTargets": [0]}// 制定列不参与排序e79办公区 - 实用经验教程分享!

    ],e79办公区 - 实用经验教程分享!

    "ordering": true,e79办公区 - 实用经验教程分享!

    "order": [[5, 'desc'], [1, 'asc']]e79办公区 - 实用经验教程分享!

    });e79办公区 - 实用经验教程分享!

    jquery.dataTables.min.js怎么排序e79办公区 - 实用经验教程分享!

    jquery.dataTables.min.js怎么排序e79办公区 - 实用经验教程分享!

  • 4

    设置之后的排列顺序。会看到数据大的显示在上面,数据小的显示在下面。e79办公区 - 实用经验教程分享!

    jquery.dataTables.min.js怎么排序e79办公区 - 实用经验教程分享!

  • 5

    DataTable的功能很强大,这里截图介绍其他参数配置,有兴趣的小伙伴可以自己学习一下。e79办公区 - 实用经验教程分享!

    jquery.dataTables.min.js怎么排序e79办公区 - 实用经验教程分享!

    jquery.dataTables.min.js怎么排序e79办公区 - 实用经验教程分享!

  • 注意事项

    • 一定要引用 jQuery js

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!e79办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码