Javascript 如何在DataTable中使表尾折叠和展开？

我试图让我的

数据表

在移动设备上友好显示；为此，我扩展了我的

dataTable

，扩展了

responsive

。然后它会自动折叠列以适应屏幕宽度，这看起来相当不错

问题: 我的表格主要由数字组成，需要在表格的页脚显示总数

此时，扩展名为

responsive

的

dataTable

有点沮丧，因为它没有将页脚中的数据、总数、可折叠和可扩展数据作为表体处理

因此，在移动设备上查看时，表尾中的总列数丢失

$（'table'）.DataTable（）
正文{
字体大小：140%；
}
氢{
文本对齐：居中；
填充：20px0；
}
表格标题{
填充：.5em0；
}
表4.dataTable th，
table.dataTable td{
空白：nowrap；
}
p{
文本对齐：居中；
填充顶部：140px；
字体大小：14px；
}

国家
语言文字
人口
中位年龄
面积（平方公里）
阿根廷
西班牙语（官方）、英语、意大利语、德语、法语
41,803,125
31.3
2,780,387
澳大利亚
英语79%，母语和其他语言
23,630,169
37.3
7,739,983
希腊
希腊语99%（官方）、英语、法语
11,128,404
43.2
131,956
卢森堡
卢森堡（国家）法语、德语（均为行政语言）
536,761
39.1
2,586
俄罗斯
俄罗斯人，其他
142,467,651
38.4
17,076,310
瑞典
讲瑞典语、萨米语和芬兰语的少数民族
9,631,261
41.1
449,954
全部的
6.
229197371
230.4
28181176
这在databale api中是不可能的。你必须使用JS来做这件事。您可以在tfoot中添加一个按钮，并在单击时创建一个js函数。并在tfoot中添加另一行，使其隐藏或显示在按钮上click@AhmedSunny，我怎样才能做到呢？我对DataTableAPI js相关的知识不太了解。谢谢