页脚不响应的jQuery数据表

页脚不响应的jQuery数据表,jquery,html,twitter-bootstrap,css,datatables,Jquery,Html,Twitter Bootstrap,Css,Datatables,当我在表中添加tfoot时,表是否没有响应 我必须遵循这个例子 当我的页脚只有文本时,则是响应的,但当输入在页脚中时,则不是响应的 HTML: 珀森斯 身份证件 名称 电子邮件 电话 身份证件 名称 电子邮件 电话 JS: $('tblPersons thead th')。每个(函数(){ var title=$('#tblPersons tfoot th').eq($(this.index()).text(); $(this.html(“”); }); 变量表=$(“#tblPerson

当我在表中添加
tfoot
时,表是否没有响应

我必须遵循这个例子

当我的页脚只有文本时,则是响应的,但当输入在页脚中时,则不是响应的

HTML:


珀森斯
身份证件
名称
电子邮件
电话
身份证件
名称
电子邮件
电话
JS:

$('tblPersons thead th')。每个(函数(){
var title=$('#tblPersons tfoot th').eq($(this.index()).text();
$(this.html(“”);
});
变量表=$(“#tblPersons”).DataTable({
是的,
B:是的,
B过滤器:是的,
宾福:错,
//“bLengthChange”:false,
回答:对
});
table.columns().eq(0).each(函数(colIdx){
$('input',table.column(colIdx).header()).on('keyup change',function(){
table.column(colIdx).search(this.value).draw();
});
$('input',table.column(colIdx).header())。on('click',函数(e){
e、 停止传播();
});
});

尝试将输入变为液体:

#tblPersons input {
    width: 100%;        
    box-sizing: border-box;
}

尽量使输入流动:

#tblPersons input {
    width: 100%;        
    box-sizing: border-box;
}
#tblPersons input {
    width: 100%;        
    box-sizing: border-box;
}