如何解决下拉过滤器获取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 举报,一经查实,本站将立刻删除。