Javascript 带有标题的数据表和下拉列表

Javascript 带有标题的数据表和下拉列表,javascript,jquery,datatables,Javascript,Jquery,Datatables,我有一个datatable,不幸的是,表头被替换为每个列的下拉选择 当我尝试打印时,它会导致每列的输出标题不正确,因为它会连接下拉列表的所有值 如何修改代码,使其在选定标题名称的情况下打印整个选定行 数据集=[ [“2019-02-05T08:25:08.816Z”,“大卫”,“托森”,“AT&T”david@gmail.com“,”,“要在此处键入的消息”,“打过电话,回过电话,将给您打电话,需要报价”,“论文”,“迈克”,“詹姆斯,迈克”,“测试过的邮件”,“测试过的邮件”,“测试过的邮

我有一个datatable,不幸的是,表头被替换为每个列的下拉选择

当我尝试打印时,它会导致每列的输出标题不正确,因为它会连接下拉列表的所有值

如何修改代码,使其在选定标题名称的情况下打印整个选定行


数据集=[
[“2019-02-05T08:25:08.816Z”,“大卫”,“托森”,“AT&T”david@gmail.com“,”,“要在此处键入的消息”,“打过电话,回过电话,将给您打电话,需要报价”,“论文”,“迈克”,“詹姆斯,迈克”,“测试过的邮件”,“测试过的邮件”,“测试过的邮件”,“测试过的邮件”,“测试过的邮件”,“需要报价”,“论文”,“迈克”,“詹姆斯,迈克”,“测试过的邮件”,“测试过的邮件”,“测试过的邮件”,等等],
[“2019-02-06T15:00:56.923Z”、“大卫”、“索森”、“AT&T”david@gmail.com“,”,“要在此处键入的消息”,“打过电话,回过电话,将给您打电话,需要报价”,“文件”,“麦克”,“詹姆斯,麦克”,“麦克”,“迈克-好”,“你会打电话给你的,我会打电话给你的,我需要报价”,“文件”,“麦克”,“詹姆斯,麦克”,“麦克”,“迈克”,“迈克-好”,“我会打电话给你的,我会打电话给你的,我会打给你的,我,
[“2019-02-06T19:39:19.476Z”、“cd”、“cd”、“275-9288”、“需要报价”、“Mike”、“Chris”、“Mike-OK”、“IKE-OK”、“IKE-9288”、“IKE-9288”等],
[“2019-02-06T20:15:31.693Z”、“Jo”、“blanc”、“275-6855”、“关于stone的电话”、“请打电话,需要报价”、“Mike”、“Chris”、“Mike-OK”、“Ike-OK”、“Ike-OK”、“Ike-OK”、“Ike-OK”等],],
[“2019-02-06T23:47:47.663Z”、“戴夫”、“贝尔”、“285-8958”、“回了你的电话”、“迈克”、“克里斯”、“迈克-好”、“好”、“好的”、“好的”、“好的”、“好的”],
];
const dataTable=$(“#示例”).dataTable({
数据:数据集,
dom:'Bfrtip',
按钮:[
{
扩展:“打印”,
文本:“全部打印”,
出口选择:{
修饰语:{
所选:空
}
}
},
{
扩展:“打印”,
文本:“打印选定内容”
}
],
选择:true,
订购:错,
“页面长度”:100,
栏目:[{
标题:“日期”
}, {
标题:“Fname”
}, {
标题:“Lname”
}, {
标题:“公司”
}, {
标题:“电子邮件”
}, {
标题:“电话”
}, {
标题:“信息”
}, {
标题:“优先权”
}, {
标题:“来源”
}, {
标题:“已分配”
}, {
标题:“作者”
}, {
标题:“信息”
}, {
标题:“短信”
}, {
标题:“完成”
}, {
标题:“客户关系管理编号”
}, {
标题:“注释”
}],
initComplete:function(){
const table=this.api();
table.columns().every(函数()){
console.log($(this.header()).text())
常量标题=$(this.header()).text();
$(this.header()).html(`${title}(All)`);
const options=this.data().unique().sort().toArray().reduce((选项,项)=>options+=`${item}`,'';
$(this.header()).find('select').append(options);
});
}
});
$('#示例')。on('change','thead-select',event=>dataTable.column($(event.target).closest('th'))。search($(event.target).val()).draw();