Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在DataTables中隐藏标题行?_Javascript_Jquery_Css_Datatables - Fatal编程技术网

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我已经编辑了我的答案。请看我的小提琴,我没有遇到任何问题,从表中删除数据。