惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

罗磊的独立博客
L
LangChain Blog
aimingoo的专栏
aimingoo的专栏
IT之家
IT之家
B
Blog
博客园_首页
博客园 - 司徒正美
有赞技术团队
有赞技术团队
博客园 - 聂微东
I
InfoQ
美团技术团队
GbyAI
GbyAI
阮一峰的网络日志
阮一峰的网络日志
H
Help Net Security
大猫的无限游戏
大猫的无限游戏
MyScale Blog
MyScale Blog
WordPress大学
WordPress大学
The GitHub Blog
The GitHub Blog
A
About on SuperTechFans
人人都是产品经理
人人都是产品经理
Microsoft Azure Blog
Microsoft Azure Blog
Engineering at Meta
Engineering at Meta
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
The Cloudflare Blog

博客园 - 四季皆春

html设置某个元素固定在页面, 不随滚动条移动 通过Redis防止数据重复 Mysql语句where中设置多个查询条件 JavaScript中为JSON对象动态添加属性的四种方法 CSS设置指定某个区域div出现滚动条、滚动框 Nginx配置成系统服务及环境变量配置 jquery监听表单输入变化-调用函数 javaScript正则匹配全部字符 Linux下PHP安装Redis扩展 mysql语句使用正则过滤字段 Bootstrap模态框使用WebUploader点击失效问题 - Bootstrao模态框弹出后内置js函数未起作用-F12后又起作用 百度开发-文件上传插件- Web Uploader js根据某个日期(年-月-日)添加指定的天数 ci框架nginx隐藏 index.php Docker配置阿里云镜像加速服务 Redis配置登录密码并使用认证密码登录 Redis常用命令 Redis查看当前连接数 & 客户端连接信息 Redis查看参数值 linux查看文件最后的修改时间 centos8报错错误:为 repo 'appstream' 下载元数据失败 : Cannot prepare internal mirrorlist: No URLs in mirrorlist
Jquery插件 dataTable设置点击表格指定的列实现升序降序排序功能
四季皆春 · 2026-01-21 · via 博客园 - 四季皆春
$('#student_list').DataTable({
            'lengthChange': false,
            'searching'   : false,

            'ordering'    : true, // 开启排序功能(后端要根据排序字段和排序类型进行接收处理)

            'info'        : true,
            'paging'	  : true,
            //'pageLength'  : 20,
            'bLengthChange': true, //开关,是否显示每页显示多少条数据的下拉框
            'aLengthMenu': [[20, 50, 100], [20, 50, 100]],//设置每页显示数据条数的下拉选项
            'iDisplayLength': 20, //每页初始显示5条记录
            'autoWidth'   : false,
            'serverSide'  : true,
            'ajax'		  : {
                "url"	: 'list',
                "type"	: "POST",
                "data"	: {
                    "id"	: $('#id').val(),
                    'age' : $("#age option:selected").val(),
                    'name' : $("#name").val(),
 
                },
                complete:function(){
                	//不管成功还是失败 都会进这个函数

                }
            },
            'columns'	  : [

                {'data': 'id', render: function(data, type, row, meta){
                        return '<input type="checkbox" class="ids" name="ids[]" value="'+data+'"/>';
                    }},
                {'data': 'name', render: function(data, type, row, meta) {
                            return data;
                        }
                    }},

                {'data': 'age', render: function(data, type, row, meta) {
                        return data;
                    }},

            ],
            "columnDefs":[
                {
                    'targets' : [0,1,2,5,6,7,8,9,10], // 设置指定的列-取消排序功能
                    'orderable' : false
                },
            ],
            "oLanguage": {
                "sLengthMenu" : "每页_MENU_条",
                "sZeroRecords" : "未找到符合条件的数据",
                "sInfo" : "_START_ - _END_ 共_TOTAL_条",
                "sInfoEmpty" : "无记录",
                "sInfoFiltered" : "(自_MAX_条中过滤)",
                "sSearch" : "标签",
                "sProcessing" : "数据加载中...",
                "oPaginate" : {
                    "sFirst":"首页",
                    "sPrevious" : "上一页",
                    "sNext" : "下一页",
                    "sLast" : "末页"
                }
            },

            "fnRowCallback" : function(nRow, aData) {

                $('td', nRow).css({ // 设置表格背景颜色
                    "background-color" : aData.css_color,
                });
            }

        });