Javascript 如何在DataTables中隐藏标题行?
我想隐藏标题行,使其不显示在表上。(从桌面和移动设备查看时) 我试过:Javascript 如何在DataTables中隐藏标题行?,javascript,jquery,css,datatables,Javascript,Jquery,Css,Datatables,我想隐藏标题行,使其不显示在表上。(从桌面和移动设备查看时) 我试过: "drawCallback":function(settings ){$("#mySelection thead").remove();} , 虽然这段代码似乎以我想要的方式呈现表(无标题),但它也会影响此处使用的按钮的输出。按钮设置为输出任何可见的内容(通过列可见性切换) 不幸的是,这段代码不仅删除了导出输出中的theader,还删除了表中的所有数据 当我尝试时也会发生同样的事情: $("#mySelection the
"drawCallback":function(settings ){$("#mySelection thead").remove();} ,
虽然这段代码似乎以我想要的方式呈现表(无标题),但它也会影响此处使用的按钮的输出。按钮设置为输出任何可见的内容(通过列可见性切换)
不幸的是,这段代码不仅删除了导出输出中的theader,还删除了表中的所有数据
当我尝试时也会发生同样的事情:
$("#mySelection thead").hide()
是否仍然可以保持输出与以前一样,并且只对视图隐藏表标题,就像只在具有列标题的行中一样?我想让按钮(复制、excel、pdf、colvis)在表数据上工作
编辑:
在CSS中使用以下代码会导致我在问题的第一部分中提到的问题:
.ui.table thead { display: none !important; }
正如这一点:
thead { display: none!important; }
如果您可以包含一个显示解决方案的已保存JSFIDLE,那将更有帮助。
thead
css与semanticu.min.css
冲突,因此使用!重要信息
覆盖css
.ui.table thead {
display: none !important;
}
thead
css与semanticui.min.css
冲突,因此使用!重要信息
覆盖css
.ui.table thead {
display: none !important;
}
看起来DataTables Jquery插件可能有一个bug。DataTables假定标题显示不会设置为
none
。设置标题display:none
时,会阻止DataTables按钮按预期工作
:
这会将标题从视线中移除,但DataTables按钮仍然具有正确工作所需的功能。我刚刚了解到这是一个很好的实践(令人惊讶),因为DataTables Jquery插件可能有一个bug。DataTables假定标题显示不会设置为
none
。设置标题display:none
时,会阻止DataTables按钮按预期工作
:
这会将标题从视线中移除,但DataTables按钮仍然具有正确工作所需的功能。我刚刚了解到这可能是一个很好的实践(令人惊讶),因为这里的显示:none相同,这会使输出像以前一样为空,这会使输出像以前一样为空。我已经尝试过了,它看起来和以前一样,你能包括一个保存的JSFIDLE吗?如果你已经尝试过这个,我有种感觉,我误解了什么。我明白了。如果在插入代码之前和之后比较这两者,您会注意到没有变化。标题为“公司、索赔、总赔偿额”。我知道它看起来不像你的传统表格,语义界面让行堆叠在一起以适应移动视图。啊,我刚才才在移动设备上看到它。它在我的电脑上工作。如果我找到解决方案,我会回来编辑我的答案。@fly123我已经编辑了我的答案。请看我的提琴,我没有遇到从表中删除数据的任何问题。我已经尝试过了,看起来和以前一样,你能包括一个保存的JSFIDLE吗?我已经尝试过了,我感觉我误解了什么。我明白了。如果在插入代码之前和之后比较这两者,您会注意到没有变化。标题为“公司、索赔、总赔偿额”。我知道它看起来不像你的传统表格,语义界面让行堆叠在一起以适应移动视图。啊,我刚才才在移动设备上看到它。它在我的电脑上工作。如果我找到解决方案,我会回来编辑我的答案。@fly123我已经编辑了我的答案。请看我的小提琴,我没有遇到任何问题,从表中删除数据。