Jquery对table数据按照某某列排序

最新推荐文章于 2023-06-24 20:30:00 发布

水桶妖L小蛮妖

最新推荐文章于 2023-06-24 20:30:00 发布

阅读量4.4k

点赞数

分类专栏： JSON jqeury 文章标签： jquery 页面排序

本文链接：https://blog.youkuaiyun.com/xicangtian/article/details/52525301

版权

jqeury 同时被 2 个专栏收录

4 篇文章

订阅专栏

JSON

2 篇文章

订阅专栏

本文介绍如何利用Jquery对HTML表格的数据进行动态排序，通过选择某一列，实现升序或降序排列，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function () {
        $('#myTable').dataTable({
            "aaSorting": [[1, "desc"]],//默认第几列排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
              //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
              { "orderable": false, "aTargets": [0, 5] }// 指定列那些列参与排序，第一到第五列参与排序
            ]
        });

        $('.table-sort tbody').on('click', 'tr', function () {
            if ($(this).hasClass('selected')) {
                $(this).removeClass('selected');
            }
            else {
                table.$('tr.selected').removeClass('selected');
                $(this).addClass('selected');
            }
        });
    });