强制datatables列在小屏幕上占据全角

Question

背景：：我的网站上有一个jQuery数据表，我希望它看起来，操作起来和感觉像桌面尺寸的表。当它达到较小的屏幕尺寸时（由Foundation定义-39.9375em），我想隐藏页眉和页脚（我已经基本确定了），并让第一列占据页面的整个宽度并强制所有子行的其他列。其他列仅具有按钮/链接，可将您带到与该行的名称有关的其他页面。诸如设置，状态等之类的东西。

问题：：如何强制列占据整个宽度？

我已经尝试过的内容：我尝试设置white-space: nowrap，但随后它只是响应式地隐藏了整个列，然后我实际上只剩下控件了。因此，就像手风琴一样。我试图查找如何强制其他列进行响应式隐藏，但是我什么也找不到，而且我自己也想不出任何办法。

谢谢！

Answer 1

经过一番摸索，我在数据表文档的这一页上找到了一种解决方案：https://datatables.net/extensions/responsive/classes。对于除了标题列之外的所有列，我只需输入className: 'min-tablet-l'。这样，一旦我们达到了横向数位板的大小，列就会自动抛出到子行中，并且该控件也会出现，使我也可以显示/隐藏它。