Codeigniter 如何在datatable标题后启用datatable列筛选器

我想根据写入文本字段过滤第三列字段。但这不是工作。我还想在表头后面列filter textfield

JS

<script type="text/javascript" src="assets/admin/js/jquery.validate.js"></script>
<script type="text/javascript" src="assets/admin/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="assets/admin/js/jquery.datatables.columnfilter.js"></script>

<script>
$(document).ready(function() {

$('#example').dataTable( {

"bProcessing": true,

"bFilter" : true,

//"bServerSide": true,

"aaSorting": [[0,'desc']],

"aoColumns":[{ "bVisible":false, "bSearchable": false, "bSortable": false},

{ "bVisible":true,"bSearchable": true, "bSortable": true , "mRender": rendercheckbox},

{ "bVisible":true,"bSearchable": true, "bSortable": true , "mRender": renderucwords},

{ "bVisible":true,"bSearchable": true, "bSortable": false , "mRender": renderattachment, "sClass": "center"},

{ "bVisible":true, "bSearchable": false, "bSortable": false ,"mRender": renderaction , "sClass": "center"}],

"bJQueryUI": true,

"sPaginationType": "full_numbers",

"sScrollX": "100%",

"sScrollXInner": "100%",

"bScrollCollapse": true,

"sAjaxSource":"<?php echo site_url('admins/promotion/getdata');?>"

} ).

columnFilter({

sPlaceHolder: "head:before",

bFilter: false,

aoColumns: [  null,

null,

{ type: "text",                         

},

null,

null

] 

});

});

</script>

JS

<script type="text/javascript" src="assets/admin/js/jquery.validate.js"></script>
<script type="text/javascript" src="assets/admin/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="assets/admin/js/jquery.datatables.columnfilter.js"></script>

<script>
$(document).ready(function() {

$('#example').dataTable( {

"bProcessing": true,

"bFilter" : true,

//"bServerSide": true,

"aaSorting": [[0,'desc']],

"aoColumns":[{ "bVisible":false, "bSearchable": false, "bSortable": false},

{ "bVisible":true,"bSearchable": true, "bSortable": true , "mRender": rendercheckbox},

{ "bVisible":true,"bSearchable": true, "bSortable": true , "mRender": renderucwords},

{ "bVisible":true,"bSearchable": true, "bSortable": false , "mRender": renderattachment, "sClass": "center"},

{ "bVisible":true, "bSearchable": false, "bSortable": false ,"mRender": renderaction , "sClass": "center"}],

"bJQueryUI": true,

"sPaginationType": "full_numbers",

"sScrollX": "100%",

"sScrollXInner": "100%",

"bScrollCollapse": true,

"sAjaxSource":"<?php echo site_url('admins/promotion/getdata');?>"

} ).

columnFilter({

sPlaceHolder: "head:before",

bFilter: false,

aoColumns: [  null,

null,

{ type: "text",                         

},

null,

null

] 

});

});

</script>

$（文档）.ready（函数（）{
$（'#示例'）。数据表（{
“bProcessing”：正确，
“bFilter”：没错，
//“bServerSide”：正确，
“aaSorting”：[[0，'desc']]，
“aoColumns”：[{“bVisible”：false，“bSearchable”：false，“bSortable”：false}，
{“bVisible”：true，“bSearchable”：true，“bSortable”：true，“mRender”：rendercheckbox}，
{“bVisible”：true，“bSearchable”：true，“bSortable”：true，“mRender”：renderucwords}，
{“bVisible”：true，“bSearchable”：true，“bSortable”：false，“mRender”：rendertaching，“sClass”：“center”}，
{“bVisible”：true，“bSearchable”：false，“bSortable”：false，“mRender”：渲染，“sClass”：“center”}，
“bJQueryUI”：没错，
“sPaginationType”：“完整编号”，
“sScrollX”：“100%”，
“sScrollXInner”：“100%”，
“崩溃”：没错，
“源”：”
} ).
柱形过滤器({
sPlaceHolder:“头：之前”，
过滤：错，
aoColumns:[null，
无效的
{键入：“文本”，
},
无效的
无效的
] 
});
});

使用

$('#example').DataTable( {});

而不是

$('#example').dataTable( {});

如果我使用$（'#example'）.DataTable（{}），还要检查控制台中是否有javascript错误；。我在控制台中发现了错误