Jquery 无法搜索具有固定列的数据表
我使用datatables使用ajax显示一个表。当我修复第一列时,它不能被搜索/过滤?我的代码如下:Jquery 无法搜索具有固定列的数据表,jquery,datatables,Jquery,Datatables,我使用datatables使用ajax显示一个表。当我修复第一列时,它不能被搜索/过滤?我的代码如下: var quotetable = $('#quotelog-table').DataTable( { "ajax": {"url": "functions/ajax-getquotelog.php", "type": "POST"}, "deferRender": true, fixedHeader: true,
var quotetable = $('#quotelog-table').DataTable(
{
"ajax": {"url": "functions/ajax-getquotelog.php", "type": "POST"},
"deferRender": true,
fixedHeader: true,
fixedColumns: {
leftColumns: 1
},
scrollX: true,
scrollY: "560px",
colReorder: true,
select: {
style: 'single'
},
"language": {
"lengthMenu": "Showing _MENU_ records per page",
"zeroRecords": "Nothing found - sorry",
"info": "Showing page _PAGE_ of _PAGES_ of _MAX_ items",
"infoEmpty": "No records available",
"infoFiltered": "(filtered from _MAX_ total records)"
},
"lengthMenu": [[20, 25, 50, 100, - 1], [20, 25, 50, 100, "All"]]
}); // end of datatable.
// Apply the search
quotetable.columns().every( function () {
var that = this;
$( 'input', this.footer() ).on( 'keyup change', function () {
if ( that.search() !== this.value ) {
that
.search( this.value )
.draw();
}
} );
} );
页面呈现正确-如果我从代码中删除fixedColumns,我可以查看所有字段并对所有字段进行排序,但第一个字段除外(是否已修复?)。这是一个bug还是有人知道解决方法 我找到了解决办法 它将显示datatable中的fixedColumns条目:
fixedColumns: {
leftColumns: 1
},
正在为该列生成重复的文本输入框。(class.DTFC_LeftFootWrapper)其他输入框是预先呈现的
通过将以下内容添加到我的css中,不会显示不需要的文本框
.DTFC_LeftFootWrapper {
display:none;
}
谢谢你的帮助
托尼
$(文档).ready(函数(){
var dt=$('样本')。数据表({
“处理”:对,
“服务器端”:正确,
“ajax”:“serverRequest/manage_login.php”,
“栏目”:[
空,空,空,
{“可搜索”:false},null,{“可搜索”:false},{“可搜索”:false},null,{“可搜索”:false},{“可搜索”:false},{“可搜索”:false}
]
});
});
如果您的问题是关于引导数据表的,文档中有一个示例。您是否尝试过将列定义为可搜索的列:“列”:[{“可搜索”:true},null,null,null,…]?(我知道默认情况下这是正确的,但您仍然可以尝试……)您可以在上复制错误吗?
<Script>
$(document).ready(function() {
var dt = $('#sample').DataTable( {
"processing": true,
"serverSide": true,
"ajax": "serverRequest/manage_login.php",
"columns": [
null,null,null,
{ "searchable": false },null,{ "searchable": false },{ "searchable": false },null,{ "searchable": false },{ "searchable": false }
]
});
});
</script>