datatables样式详解,[基于thinkPHP]多条件按钮搜索及行样式

本文详细介绍了如何在ThinkPHP框架下结合datatables库,实现多条件搜索功能,并自定义行样式。通过配置ajax参数、定义createdRow函数来处理行颜色,同时展示了后台模拟数据的PHP代码。尽管搜索功能已实现,但具体的搜索结果跳转页面的解决方案需要额外处理。
摘要由CSDN通过智能技术生成

在整合了网上一些大家的代码以及官网的代码后,终于实现了我的程序:


js 代码:

  table=$('.acelistTable').dataTable(
                        {
                            "ajax": {  //类似jquery的ajax参数,基本都可以用。
                                "type": "post",  //后台指定了方式,默认get,外加datatable默认构造的参数很长,有可能超过get的最大长度。
                                "url": '__URL__/serach_nasty',
                                "dataSrc": "data",  //默认data,也可以写其他的,格式化table的时候取里面的数据
                                "data": function (d) {  //d 是原始的发送给服务器的数据,默认很长。
                                    d.extra_search = $('#reportrange span').html();
                                    d.is_search = $('#is_search').val();
                                    $('#is_search').val(0);
                                    //获取是否是查询,然后置0,0为非搜索查询
                                }
                            },
                         "createdRow": function ( row, data, index ) {   //定义行样式
                                var color;
                                if ( data.ThreatLV == 'hight' ) {
                                     color="red";
                                }else if(data.ThreatLV == 'middle'){
                                     color="#e58323";
                                }
                                    $('td', row).eq(0).css('font-weight',"").css("color",color);
                                    $('td', row).eq(1).css('font-weight',"").css("color",color);
                                    $('td', row).eq(2).css('font-weight',"").css("color",color);
                                    $('td', row).eq(3).css('font-weight',"").css("color",color);
                                    $('td', row).eq(4).css('font-weight',"").css("color",color);
                                    $('td', row).eq(6).css('font-weight',"").css("color",color);
                                    $('td', row).eq(8).

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值