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

问题描述

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

我的预期输出是，

全部得到正式认可的待定

$('#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 (将#修改为@）

datatables datatables-1.10 html