使用 Bootstrap 4 隐藏 Table 列
Hide Table Columns using Bootstrap 4
我知道 Bootstrap 4 使用 new display utilities 根据屏幕大小显示或隐藏信息。我的问题是如何使这些与 table 一起工作？我想删除列，因为屏幕尺寸较小。
我用过"d-xs-none"，没有任何效果。但是，当我使用 "d-sm-none" 时，当大小为 'sm' 或更大时（与我需要的完全相反），列将被删除。如果我尝试 "d-none d-xs-none" 该列永远不会出现。如：<th class="text-center d-none d-xs-none" scope="col">Location</th>
基本上，您能否展示一个在移动设备上调整浏览器大小时隐藏 table 列的示例？感谢您的帮助！
尝试对 table 列使用 d-none d-sm-table-cell。具有这些 类 的列不会显示在 xs 上。
我知道 Bootstrap 4 使用 new display utilities 根据屏幕大小显示或隐藏信息。我的问题是如何使这些与 table 一起工作？我想删除列，因为屏幕尺寸较小。
我用过"d-xs-none"，没有任何效果。但是，当我使用 "d-sm-none" 时，当大小为 'sm' 或更大时（与我需要的完全相反），列将被删除。如果我尝试 "d-none d-xs-none" 该列永远不会出现。如：<th class="text-center d-none d-xs-none" scope="col">Location</th>
基本上，您能否展示一个在移动设备上调整浏览器大小时隐藏 table 列的示例？感谢您的帮助！
尝试对 table 列使用 d-none d-sm-table-cell。具有这些 类 的列不会显示在 xs 上。