web-dev-qa-db-ja.com

Bootstrap 4を使用してテーブル列を非表示にする

Bootstrap 4は 新しい表示ユーティリティ を使用して画面サイズに基づいて情報を表示または非表示にします。これらのテーブルをテーブルで機能させる方法は?画面サイズが小さくなると列を削除します。

「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>

基本的に、ブラウザをモバイルデバイスにサイズ変更するときにテーブルの列を非表示にする例を教えてください。ご協力ありがとうございました!

20
vbuser2004

d-none d-sm-table-cell テーブル列の場合。これらのクラスを持つ列は、xsには表示されません。

50
Eleven