微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

下拉过滤器获取jquery数据表插件中的HTML代码

如何解决下拉过滤器获取jquery数据表插件中的HTML代码

我正在使用数据表,但在过滤器下拉列表中遇到了问题。我正在使用 DataTables 1.10.19 版本。我知道这是一个旧版本,但它已经在整个项目中使用了。 我得到了这样的下拉输出

enter image description here

我的预期输出是,

全部 得到正式认可的 待定

$('#leadList').DataTable( {
    initComplete: function (d) {
      this.api().columns([1]).every(function () {
        var column = this;
        var Jobs = $("#table th").eq([d]).text();
        var select = $('<select class="drop-down"><option value="">ALL</option></select>')
        .appendTo($(column.header()))
        .on('change',function () {
            var val = $.fn.dataTable.util.escapeRegex(
                $(this).val()
            );

            column
                .search(val ? '^' + val + '$' : '',true,false)
                .draw();
        });

    column.data().unique().sort().each(function (d,j) {
        select.append('<option value="' + d + '">' + d + '</option>')
        });
});
        },language: {
        sLengthMenu: "Show _MENU_",// remove entries text
        searchPlaceholder: "Search",emptyTable:     "No record found",search:""
      },"autoWidth": false,"ordering": false,// remove sorting effect from header 
        "processing": true,// "serverSide": true,"scrollX": true,//"bInfo" : false,"pageLength": 25,"paging": true,"ajax": {
            "url" : baseUrl + "/Cus_control/wprocess","type" : "POST"
        },"columns": [
                //{ "data": "id","className": "reg_bg" },{ "data": "orderno" },{ "data": "status" },{ "data": "remark" },{ "data": "is_leadConfirm" },{ "data": "action" }
            ]

    });

表中显示的视图源代码

<td><span class="approved-dot"></span>Approved</td>
<td><span class="pending-dot"></span>Pending</td>

逻辑 刚刚分享了 for 条件

foreach ($order_list as $key => $row) 
            {

            $encript_id =base64_encode($this->encryption->encrypt($row->c_id));

           if(($row->f_filestatus==1)|| ($row->f_filestatus==7)){
            $leadConfirm='<span class="approved-dot"></span>Approved';
            }

           else if ($row->f_filestatus==3) {
              $leadConfirm='<span class="pending-dot"></span>Pending';
            }

            else{
              $leadConfirm='';

            }

        $arr_result = array(

                    "orderno" => $row->order_no.'-'.$row->b_orderno,"status" => $leadConfirm,"remark" => $row->f_remark,"is_leadConfirm" => $row->lConfirm
        );
        
        $data['data'][] = $arr_result;

      }

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